Remove 'bullet-char' from content when converting to list

[Taffa]

My users need to paste content to WYMeditor in the following format:

Code: Select all

- lorem ipsum
- lorem ipsum
- lorem ipsum


When the content is selected and converted to real unordered list with corresponding button the result is:

Code: Select all

* - lorem ipsum
* - lorem ipsum
* - lorem ipsum


Any ideas how to change the WYMeditor code to automatically remove the extra - character?
Even better would be that every line which starts with - is converted to a list when pasted.

[mr_lundis]

Hi Taffa, and welcome to the WYMeditor community!

Any ideas how to change the WYMeditor code to automatically remove the extra - character?
Even better would be that every line which starts with - is converted to a list when pasted.

For versions of WYMeditor prior 0.6 you will need to modify the internal paste functionality so that it'll search for anything that might be a list (preferably using an regular expression), and then replace it with an unordered list.

However this will most likely not be worth the trouble, have you considered just to change the format of the source that the user will copy? Doing so will of course only work if the source also is an html document.

Version 0.6 of WYMeditor will be a major rewrite, how pasting is handled from that point on I can't tell.

[Taffa]

have you considered just to change the format of the source that the user will copy? Doing so will of course only work if the source also is an html document.

Unfortunatelly I have no control over the source material. I did quick-modification to WYMeditor.editor.prototype.paste function and it seems to work with "Paste from Word" dialog. Now if I could find a way to hook this to plain ctrl+v paste as well.
Here's the code if anyone is intrested:

Code: Select all

WYMeditor.editor.prototype.paste = function(sData) {
  var sTmp;
  var container = this.selected();
   
  //split the data, using double newlines as the separator
  var aP = sData.split(this._newLine /*+ this._newLine*/);
  var rExp = new RegExp(this._newLine, "g");
  var bulletChar_rExp = new RegExp("^(-|\\*|#)", "g");
 
  //add a P for each item
  if(container && container.tagName.toLowerCase() != WYMeditor.BODY) {
   
    for(x = aP.length - 1; x >= 0; x--) {
        sTmp = aP[x];
        //automatically convert lines with bullet to unordered list
        if (sTmp.match(bulletChar_rExp)) {
            var sList = "</ul>";
            var inList = true;
            while (inList) {
                var item = aP[x].replace(bulletChar_rExp, "");
                item =  item.replace(/^\s+|\s+$/g, '');
                sList = "<li>" + item + "</li>" + sList;
                if ((aP[x - 1] == undefined) || (aP[x - 1].match(bulletChar_rExp) == null)) {
                    sList = "<ul>" + sList;
                    inList = false;
                }
                else {
                    x--;
                }
            }
            jQuery(container).after(sList);
        }
        else {
            //simple newlines are replaced by a break
            sTmp = sTmp.replace(rExp, "<br />");
            jQuery(container).after("<p>" + sTmp + "</p>");
        }
    }
  } else {
    for(x = 0; x < aP.length; x++) {
        sTmp = aP[x];
        //automatically convert lines with bullet to unordered list
        if (sTmp.match(bulletChar_rExp)) {
            var sList = "<ul>";
            var inList = true;
            while (inList) {
                var item = aP[x].replace(bulletChar_rExp, "");
                item =  item.replace(/^\s+|\s+$/g, '');
                sList += "<li>" + item + "</li>";
                if ((aP[x + 1] == undefined) || (aP[x + 1].match(bulletChar_rExp) == null)) {
                    sList += "</ul>";
                    inList = false;
                }
                else {
                    x++;
                }
            }
            jQuery(this._doc.body).append(sList);
        }
        else {
            //simple newlines are replaced by a break
            sTmp = sTmp.replace(rExp, "<br />");
            jQuery(this._doc.body).append("<p>" + sTmp + "</p>");
        }
    }
  }
};