Properly paste bullet list style from MS-Word

[JPG]

When you use the "Paste from Word" function to paste text containing bullet list, there is a few problems in all browser i've tried (Chrome v.22, FF v.16 and IE v.9).

How to reproduce :

• Open the attached document (text-with-bullet-list-example.doc) ;
• Copy the text ;
• Click on the "Paste from Word" button or use <ctr><v> ;

What is the problem :

• Each element of the list is converted into a paragraph (<p>) instead of regular HTML unordered list tags (<ul> and <li>) ;
• Each element contains a character and a few spaces to visually represent the list. Depending on the level, you can get :
  1. Root level : "· " ;
  2. First indentation : "o " ;
  3. Second indentation : "§ ".

What would be expected :

To have proper HTML unordered list with <ul> and <li> tags, containing only the text of the element, without any extra character like "o" or "§" neither spaces.

The issue #6662 is similar to this one but for numeric list style only.

---

Pease see comment:5, comment:2 and comment:1 for better view at this problem

[JPG]

HTML generated after the paste operation

[JPG]

Text to copy for testing

[Jakub Ś]

@jipolin what you have described occurs only in Chrome and looks like the continuation of #8734.

I have noticed that your list doesn't have normal list styles but has something like - "Paragraphe de liste". Could you tell me how this list was created?

[Jakub Ś]

Lists don't get pasted in Chrome from Word 2010 #8734 and also from Word 2003 when some custom formatting (not default) is applied to list.
As discussed with @wwalc lists should be recognized in such cases as well and pasted as HTML lists and not tags.

Workaround is to use normal lists on Word 2003 and then paste them in CKEditor.

[JPG]

Video of the problem

[JPG]

You're right, it's working on IE9 and FF.

The "Paragraphe de liste" is the french traduction of "List paragraph" which is the default style automatically added by MS-Word when a list is created (see ​http://office.microsoft.com/en-us/word-help/style-basics-in-word-HA010230882.aspx#BM2b).

On the video copy-past-demo.swf, you can see that if I copy/paste the list with its default style ("Paragraphe de liste"), it won't work but if I change it for "Normal", the list is properly handled.

Maybe the CKEditor doesn't recognize the style because it's in French ? Do we have the same problem with a english version of MS-Word 2010 ?

[Jakub Ś]

@jipolin sorry for late response - English version doesn't have this problem. It doesn't have such styles attached by default.

[Jakub Ś]

I have noticed that if you paste normal MS WORD list (without any custom style), Chrome sees it as lists. Browser sees ul li tags.

If for example you attach some MS Word indented list style then Chrome sees paragraphs with 'MsoList...' class.
If you for example style text with indented text and then apply list, Chrome will see it as paragraphs with class MsoBodyTextIndent and some HTML comments about lists.

Anyway it looks like that if Chrome sees UL then lists are pasted but if it sees paragraphs it always pastes paragraphs (even if they have 'MsoList class).

[JPG]

About your first comment, are you sure ? Because as the mentionned it in the US english help page, you should have such style in english version of word too.

About your last comment, when Chrome sees paragraphs with 'MsoList...' class, would it be possible to consider those as actual lists in CKEditor ? Do you know how IE and FF react on those cases, is the pasted text contain paragraph too ?

[Henrik]

Simple two-level list

[Henrik]

Export of the complete "Stuff to get" file pasted into a contentEditable div.