441 lines
91 KiB
HTML
441 lines
91 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<title>Unit tests for the Paste plugin</title>
|
||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||
|
|
<link rel="stylesheet" href="http://code.jquery.com/qunit/qunit-git.css" type="text/css" />
|
||
|
|
<script src="http://code.jquery.com/qunit/qunit-git.js"></script>
|
||
|
|
<script src="../js/qunit/reporter.js"></script>
|
||
|
|
<script src="../js/utils.js"></script>
|
||
|
|
<script src="../js/tinymce_loader.js"></script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<script>
|
||
|
|
var editor;
|
||
|
|
|
||
|
|
QUnit.config.reorder = false;
|
||
|
|
QUnit.config.autostart = false;
|
||
|
|
|
||
|
|
module("Paste plugin", {
|
||
|
|
autostart: false
|
||
|
|
});
|
||
|
|
|
||
|
|
test("Paste simple text content", function() {
|
||
|
|
var rng = editor.dom.createRng();
|
||
|
|
|
||
|
|
editor.setContent('<p>1234</p>');
|
||
|
|
editor.focus();
|
||
|
|
rng.setStart(editor.getBody().firstChild.firstChild, 1);
|
||
|
|
rng.setEnd(editor.getBody().firstChild.firstChild, 3);
|
||
|
|
editor.selection.setRng(rng);
|
||
|
|
|
||
|
|
editor.execCommand('mceInsertClipboardContent', false, {content: 'TEST'});
|
||
|
|
equal(editor.getContent().replace(/[\r\n]+/g, ''), '<p>1TEST4</p>');
|
||
|
|
});
|
||
|
|
|
||
|
|
test("Paste styled text content", function() {
|
||
|
|
var rng = editor.dom.createRng();
|
||
|
|
|
||
|
|
editor.settings.paste_remove_styles_if_webkit = false;
|
||
|
|
editor.setContent('<p>1234</p>');
|
||
|
|
rng.setStart(editor.getBody().firstChild.firstChild, 1);
|
||
|
|
rng.setEnd(editor.getBody().firstChild.firstChild, 3);
|
||
|
|
editor.selection.setRng(rng);
|
||
|
|
|
||
|
|
editor.execCommand('mceInsertClipboardContent', false, {content: '<strong><em><span style="color: red;">TEST</span></em></strong>'});
|
||
|
|
equal(editor.getContent().replace(/[\r\n]+/g, ''), '<p>1<strong><em><span style="color: red;">TEST</span></em></strong>4</p>');
|
||
|
|
});
|
||
|
|
|
||
|
|
test("Paste paragraph in paragraph", function() {
|
||
|
|
var rng = editor.dom.createRng();
|
||
|
|
|
||
|
|
editor.setContent('<p>1234</p>');
|
||
|
|
rng.setStart(editor.getBody().firstChild.firstChild, 1);
|
||
|
|
rng.setEnd(editor.getBody().firstChild.firstChild, 3);
|
||
|
|
editor.selection.setRng(rng);
|
||
|
|
|
||
|
|
editor.execCommand('mceInsertClipboardContent', false, {content: '<p>TEST</p>'});
|
||
|
|
equal(editor.getContent().replace(/[\r\n]+/g, ''), '<p>1</p><p>TEST</p><p>4</p>');
|
||
|
|
});
|
||
|
|
|
||
|
|
test("Paste paragraphs in complex paragraph", function() {
|
||
|
|
var rng = editor.dom.createRng();
|
||
|
|
|
||
|
|
editor.setContent('<p><strong><em>1234</em></strong></p>');
|
||
|
|
rng.setStart(editor.dom.select('em,i')[0].firstChild, 1);
|
||
|
|
rng.setEnd(editor.dom.select('em,i')[0].firstChild, 3);
|
||
|
|
editor.selection.setRng(rng);
|
||
|
|
|
||
|
|
editor.execCommand('mceInsertClipboardContent', false, {content: '<p>TEST 1</p><p>TEST 2</p>'});
|
||
|
|
equal(editor.getContent().replace(/[\r\n]+/g, ''), '<p><strong><em>1</em></strong></p><p>TEST 1</p><p>TEST 2</p><p><strong><em>4</em></strong></p>');
|
||
|
|
});
|
||
|
|
|
||
|
|
test("Paste Word fake list", function() {
|
||
|
|
var rng = editor.dom.createRng();
|
||
|
|
|
||
|
|
editor.setContent('<p>1234</p>');
|
||
|
|
rng.setStart(editor.getBody().firstChild.firstChild, 0);
|
||
|
|
rng.setEnd(editor.getBody().firstChild.firstChild, 4);
|
||
|
|
editor.selection.setRng(rng);
|
||
|
|
|
||
|
|
editor.execCommand('mceInsertClipboardContent', false, {content: '<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta name="ProgId" content="Word.Document"><meta name="Generator" content="Microsoft Word 12"><meta name="Originator" content="Microsoft Word 12"><link rel="File-List" href="file:///C:%5CUsers%5Cspocke%5CAppData%5CLocal%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_filelist.xml"><link rel="themeData" href="file:///C:%5CUsers%5Cspocke%5CAppData%5CLocal%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_themedata.thmx"><link rel="colorSchemeMapping" href="file:///C:%5CUsers%5Cspocke%5CAppData%5CLocal%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_colorschememapping.xml"><!--[if gte mso 9]><xml> <w:WordDocument> <w:View>Normal</w:View> <w:Zoom>0</w:Zoom> <w:TrackMoves/> <w:TrackFormatting/> <w:HyphenationZone>21</w:HyphenationZone> <w:PunctuationKerning/> <w:ValidateAgainstSchemas/> <w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid> <w:IgnoreMixedContent>false</w:IgnoreMixedContent> <w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText> <w:DoNotPromoteQF/> <w:LidThemeOther>SV</w:LidThemeOther> <w:LidThemeAsian>X-NONE</w:LidThemeAsian> <w:LidThemeComplexScript>X-NONE</w:LidThemeComplexScript> <w:Compatibility> <w:BreakWrappedTables/> <w:SnapToGridInCell/> <w:WrapTextWithPunct/> <w:UseAsianBreakRules/> <w:DontGrowAutofit/> <w:SplitPgBreakAndParaMark/> <w:DontVertAlignCellWithSp/> <w:DontBreakConstrainedForcedTables/> <w:DontVertAlignInTxbx/> <w:Word11KerningPairs/> <w:CachedColBalance/> </w:Compatibility> <w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel> <m:mathPr> <m:mathFont m:val="Cambria Math"/> <m:brkBin m:val="before"/> <m:brkBinSub m:val="--"/> <m:smallFrac m:val="off"/> <m:dispDef/> <m:lMargin m:val="0"/> <m:rMargin m:val="0"/> <m:defJc m:val="centerGroup"/> <m:wrapIndent m:val="1440"/> <m:intLim m:val="subSup"/> <m:naryLim m:val="undOvr"/> </m:mathPr></w:WordDocument> </xml><![endif]--><!--[if gte mso 9]><xml> <w:LatentStyles DefLockedState="false" DefUnhideWhenUsed="true" DefSemiHidden="true" DefQFormat="false" DefPriority="99" LatentStyleCount="267"> <w:LsdException Locked="false" Priority="0" SemiHidden="false" UnhideWhenUsed="false" QFormat="true" Name="Normal"/> <w:LsdException Locked="false" Priority="9" SemiHidden="false" UnhideWhenUsed="false" QFormat="true" Name="heading 1"/> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 2"/> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 3"/> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 4"/> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 5"/> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 6"/> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 7"/> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 8"/> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 9"/> <w:LsdException Locked="false" Priority="39" Name="toc 1"/> <w:LsdException Locked="false" Priority="39" Name="toc 2"/> <w:LsdException Locked="false" Priority="39" Name="toc 3"/> <w:LsdException Locked="false" Priority="39" Name="toc 4"/> <w:LsdException Locked="false" Priority="39" Name="toc 5"/> <w:LsdException Locked="false" Priority="39" Name="toc 6"/> <w:LsdException Locked="false" Priority="39" Name="toc 7"/> <w:LsdException Locked="false" Priority="39" Name="toc 8"/> <w:LsdException Locked="false" Priority="39" Name="toc 9"/> <w:LsdException Locked="false" Priority="35" QFormat="true" Name="caption"/> <w:LsdException Locked="false" Priority="10" SemiHidden="false" UnhideWhenUsed="false" QFormat="true" Name="Title"/> <w:LsdException Locked="false" Priority="1" Name="Default Paragraph Font"/> <w:LsdException Locked="false" Priority="11" SemiHidden="false" UnhideWhenUsed="false" QFormat="true" Name="Subtitle"/> <w:LsdException Locked="false" Priority="22" SemiHidden="false" UnhideWhenUsed="false" QFormat="true" Name="Strong"/> <w:LsdException Locked="false" Priority="20" SemiHidden="false" UnhideWhenUsed="f
|
||
|
|
equal(editor.getContent().replace(/[\r\n]+/g, ''), '<ul><li>Item 1</li><li>Item 2</li><li>Item 3</li><li>Item 4</li><li>Item 5</li><li>Item 6</li></ul>');
|
||
|
|
|
||
|
|
editor.settings.paste_retain_style_properties = 'border';
|
||
|
|
|
||
|
|
rng = editor.dom.createRng();
|
||
|
|
editor.setContent('<p>1234</p>');
|
||
|
|
rng.setStart(editor.getBody().firstChild.firstChild, 0);
|
||
|
|
rng.setEnd(editor.getBody().firstChild.firstChild, 4);
|
||
|
|
editor.selection.setRng(rng);
|
||
|
|
editor.execCommand('mceInsertClipboardContent', false, {content: '<p class="ListStyle" style="margin-top:0cm;margin-right:0cm;margin-bottom:3.0pt;margin-left:18.0pt;mso-add-space:auto;text-align:justify;text-indent:-18.0pt;mso-list:l0 level1 lfo1;tab-stops:list 18.0pt"><span lang="DE" style="font-family:Verdana;mso-fareast-font-family:Verdana;mso-bidi-font-family:Verdana;color:black"><span style="mso-list:Ignore">\u25CF<span style="font:7.0pt "Times New Roman""> </span></span></span><span lang="DE" style="font-family:Arial;mso-fareast-font-family:Arial;mso-bidi-font-family:Arial;color:black">Item Spaces.<o:p></o:p></span></p>'});
|
||
|
|
equal(editor.getContent().replace(/[\r\n]+/g, ''), '<ul><li>Item Spaces.</li></ul>');
|
||
|
|
|
||
|
|
rng = editor.dom.createRng();
|
||
|
|
editor.setContent('<p>1234</p>');
|
||
|
|
rng.setStart(editor.getBody().firstChild.firstChild, 0);
|
||
|
|
rng.setEnd(editor.getBody().firstChild.firstChild, 4);
|
||
|
|
editor.selection.setRng(rng);
|
||
|
|
editor.execCommand('mceInsertClipboardContent', false, {content: '<p class="ListStyle" style="margin-left:36.0pt;mso-add-space:auto;text-indent:-18.0pt;mso-list:l0 level1 lfo1;tab-stops:list 36.0pt"><span lang="EN-US" style="color:black;mso-ansi-language:EN-US"><span style="mso-list:Ignore">1.<span style="font:7.0pt "Times New Roman""> </span></span></span><span lang="EN-US" style="font-family:Arial;mso-fareast-font-family:Arial;mso-bidi-font-family:Arial;color:black;mso-ansi-language:EN-US">Version 7.0</span><span lang="EN-US" style="font-family:Arial;mso-fareast-font-family:Arial;mso-bidi-font-family:Arial;color:black;mso-ansi-language:EN-US">:<o:p></o:p></span></p>'});
|
||
|
|
equal(editor.getContent().replace(/[\r\n]+/g, ''), '<ol><li>Version 7.0:</li></ol>');
|
||
|
|
editor.settings.paste_retain_style_properties = '';
|
||
|
|
});
|
||
|
|
|
||
|
|
test("Paste Word fake list before BR", function() {
|
||
|
|
var rng = editor.dom.createRng();
|
||
|
|
|
||
|
|
editor.setContent('<p>1234</p>');
|
||
|
|
rng.setStart(editor.getBody().firstChild.firstChild, 0);
|
||
|
|
rng.setEnd(editor.getBody().firstChild.firstChild, 4);
|
||
|
|
editor.selection.setRng(rng);
|
||
|
|
|
||
|
|
editor.execCommand('mceInsertContent', false, '<br>a');
|
||
|
|
|
||
|
|
rng = editor.dom.createRng();
|
||
|
|
rng.setStart(editor.getBody().firstChild, 0);
|
||
|
|
rng.setEnd(editor.getBody().firstChild, 0);
|
||
|
|
editor.selection.setRng(rng);
|
||
|
|
|
||
|
|
editor.execCommand('mceInsertClipboardContent', false, {content: '<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta name="ProgId" content="Word.Document"><meta name="Generator" content="Microsoft Word 12"><meta name="Originator" content="Microsoft Word 12"><link rel="File-List" href="file:///C:%5CUsers%5Cspocke%5CAppData%5CLocal%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_filelist.xml"><link rel="themeData" href="file:///C:%5CUsers%5Cspocke%5CAppData%5CLocal%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_themedata.thmx"><link rel="colorSchemeMapping" href="file:///C:%5CUsers%5Cspocke%5CAppData%5CLocal%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_colorschememapping.xml"><!--[if gte mso 9]><xml> <w:WordDocument> <w:View>Normal</w:View> <w:Zoom>0</w:Zoom> <w:TrackMoves/> <w:TrackFormatting/> <w:HyphenationZone>21</w:HyphenationZone> <w:PunctuationKerning/> <w:ValidateAgainstSchemas/> <w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid> <w:IgnoreMixedContent>false</w:IgnoreMixedContent> <w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText> <w:DoNotPromoteQF/> <w:LidThemeOther>SV</w:LidThemeOther> <w:LidThemeAsian>X-NONE</w:LidThemeAsian> <w:LidThemeComplexScript>X-NONE</w:LidThemeComplexScript> <w:Compatibility> <w:BreakWrappedTables/> <w:SnapToGridInCell/> <w:WrapTextWithPunct/> <w:UseAsianBreakRules/> <w:DontGrowAutofit/> <w:SplitPgBreakAndParaMark/> <w:DontVertAlignCellWithSp/> <w:DontBreakConstrainedForcedTables/> <w:DontVertAlignInTxbx/> <w:Word11KerningPairs/> <w:CachedColBalance/> </w:Compatibility> <w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel> <m:mathPr> <m:mathFont m:val="Cambria Math"/> <m:brkBin m:val="before"/> <m:brkBinSub m:val="--"/> <m:smallFrac m:val="off"/> <m:dispDef/> <m:lMargin m:val="0"/> <m:rMargin m:val="0"/> <m:defJc m:val="centerGroup"/> <m:wrapIndent m:val="1440"/> <m:intLim m:val="subSup"/> <m:naryLim m:val="undOvr"/> </m:mathPr></w:WordDocument> </xml><![endif]--><!--[if gte mso 9]><xml> <w:LatentStyles DefLockedState="false" DefUnhideWhenUsed="true" DefSemiHidden="true" DefQFormat="false" DefPriority="99" LatentStyleCount="267"> <w:LsdException Locked="false" Priority="0" SemiHidden="false" UnhideWhenUsed="false" QFormat="true" Name="Normal"/> <w:LsdException Locked="false" Priority="9" SemiHidden="false" UnhideWhenUsed="false" QFormat="true" Name="heading 1"/> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 2"/> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 3"/> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 4"/> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 5"/> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 6"/> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 7"/> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 8"/> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 9"/> <w:LsdException Locked="false" Priority="39" Name="toc 1"/> <w:LsdException Locked="false" Priority="39" Name="toc 2"/> <w:LsdException Locked="false" Priority="39" Name="toc 3"/> <w:LsdException Locked="false" Priority="39" Name="toc 4"/> <w:LsdException Locked="false" Priority="39" Name="toc 5"/> <w:LsdException Locked="false" Priority="39" Name="toc 6"/> <w:LsdException Locked="false" Priority="39" Name="toc 7"/> <w:LsdException Locked="false" Priority="39" Name="toc 8"/> <w:LsdException Locked="false" Priority="39" Name="toc 9"/> <w:LsdException Locked="false" Priority="35" QFormat="true" Name="caption"/> <w:LsdException Locked="false" Priority="10" SemiHidden="false" UnhideWhenUsed="false" QFormat="true" Name="Title"/> <w:LsdException Locked="false" Priority="1" Name="Default Paragraph Font"/> <w:LsdException Locked="false" Priority="11" SemiHidden="false" UnhideWhenUsed="false" QFormat="true" Name="Subtitle"/> <w:LsdException Locked="false" Priority="22" SemiHidden="false" UnhideWhenUsed="false" QFormat="true" Name="Strong"/> <w:LsdException Locked="false" Priority="20" SemiHidden="false" UnhideWhenUsed="f
|
||
|
|
|
||
|
|
equal(editor.getContent().replace(/[\r\n]+/g, ''), '<ul><li>Item 1</li><li>Item 2</li><li>Item 3</li><li>Item 4</li><li>Item 5</li><li>Item 6</li></ul><p><br />a</p>');
|
||
|
|
});
|
||
|
|
|
||
|
|
test("Paste list like paragraph and list", function() {
|
||
|
|
editor.setContent('');
|
||
|
|
|
||
|
|
editor.execCommand('mceInsertClipboardContent', false, {
|
||
|
|
content: '<p class=MsoNormal><span style=\'font-size:10.0pt;line-height:115%;font-family:"Trebuchet MS","sans-serif";color:#666666\'>A. X<o:p></o:p></span></p><p class=MsoListParagraph style=\'text-indent:-.25in;mso-list:l0 level1 lfo1\'><![if !supportLists]><span style=\'mso-fareast-font-family:Calibri;mso-fareast-theme-font:minor-latin;mso-bidi-font-family:Calibri;mso-bidi-theme-font:minor-latin\'><span style=\'mso-list:Ignore\'>1.<span style=\'font:7.0pt "Times New Roman"\'> </span></span></span><![endif]>Y</p>'
|
||
|
|
});
|
||
|
|
|
||
|
|
equal(editor.getContent().replace(/[\r\n]+/g, ''), '<p>A. X</p><ol><li>Y</li></ol>');
|
||
|
|
});
|
||
|
|
|
||
|
|
test("Paste Word table", function() {
|
||
|
|
var rng = editor.dom.createRng();
|
||
|
|
|
||
|
|
editor.setContent('<p>1234</p>');
|
||
|
|
rng.setStart(editor.getBody().firstChild.firstChild, 0);
|
||
|
|
rng.setEnd(editor.getBody().firstChild.firstChild, 4);
|
||
|
|
editor.selection.setRng(rng);
|
||
|
|
|
||
|
|
editor.execCommand('mceInsertClipboardContent', false, {content: '<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta name="ProgId" content="Word.Document"><meta name="Generator" content="Microsoft Word 12"><meta name="Originator" content="Microsoft Word 12"><link rel="File-List" href="file:///C:%5CUsers%5Cspocke%5CAppData%5CLocal%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_filelist.xml"><link rel="themeData" href="file:///C:%5CUsers%5Cspocke%5CAppData%5CLocal%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_themedata.thmx"><link rel="colorSchemeMapping" href="file:///C:%5CUsers%5Cspocke%5CAppData%5CLocal%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_colorschememapping.xml"><!--[if gte mso 9]><xml> <w:WordDocument> <w:View>Normal</w:View> <w:Zoom>0</w:Zoom> <w:TrackMoves/> <w:TrackFormatting/> <w:HyphenationZone>21</w:HyphenationZone> <w:PunctuationKerning/> <w:ValidateAgainstSchemas/> <w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid> <w:IgnoreMixedContent>false</w:IgnoreMixedContent> <w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText> <w:DoNotPromoteQF/> <w:LidThemeOther>SV</w:LidThemeOther> <w:LidThemeAsian>X-NONE</w:LidThemeAsian> <w:LidThemeComplexScript>X-NONE</w:LidThemeComplexScript> <w:Compatibility> <w:BreakWrappedTables/> <w:SnapToGridInCell/> <w:WrapTextWithPunct/> <w:UseAsianBreakRules/> <w:DontGrowAutofit/> <w:SplitPgBreakAndParaMark/> <w:DontVertAlignCellWithSp/> <w:DontBreakConstrainedForcedTables/> <w:DontVertAlignInTxbx/> <w:Word11KerningPairs/> <w:CachedColBalance/> </w:Compatibility> <w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel> <m:mathPr> <m:mathFont m:val="Cambria Math"/> <m:brkBin m:val="before"/> <m:brkBinSub m:val="--"/> <m:smallFrac m:val="off"/> <m:dispDef/> <m:lMargin m:val="0"/> <m:rMargin m:val="0"/> <m:defJc m:val="centerGroup"/> <m:wrapIndent m:val="1440"/> <m:intLim m:val="subSup"/> <m:naryLim m:val="undOvr"/> </m:mathPr></w:WordDocument> </xml><![endif]--><!--[if gte mso 9]><xml> <w:LatentStyles DefLockedState="false" DefUnhideWhenUsed="true" DefSemiHidden="true" DefQFormat="false" DefPriority="99" LatentStyleCount="267"> <w:LsdException Locked="false" Priority="0" SemiHidden="false" UnhideWhenUsed="false" QFormat="true" Name="Normal"/> <w:LsdException Locked="false" Priority="9" SemiHidden="false" UnhideWhenUsed="false" QFormat="true" Name="heading 1"/> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 2"/> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 3"/> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 4"/> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 5"/> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 6"/> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 7"/> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 8"/> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 9"/> <w:LsdException Locked="false" Priority="39" Name="toc 1"/> <w:LsdException Locked="false" Priority="39" Name="toc 2"/> <w:LsdException Locked="false" Priority="39" Name="toc 3"/> <w:LsdException Locked="false" Priority="39" Name="toc 4"/> <w:LsdException Locked="false" Priority="39" Name="toc 5"/> <w:LsdException Locked="false" Priority="39" Name="toc 6"/> <w:LsdException Locked="false" Priority="39" Name="toc 7"/> <w:LsdException Locked="false" Priority="39" Name="toc 8"/> <w:LsdException Locked="false" Priority="39" Name="toc 9"/> <w:LsdException Locked="false" Priority="35" QFormat="true" Name="caption"/> <w:LsdException Locked="false" Priority="10" SemiHidden="false" UnhideWhenUsed="false" QFormat="true" Name="Title"/> <w:LsdException Locked="false" Priority="1" Name="Default Paragraph Font"/> <w:LsdException Locked="false" Priority="11" SemiHidden="false" UnhideWhenUsed="false" QFormat="true" Name="Subtitle"/> <w:LsdException Locked="false" Priority="22" SemiHidden="false" UnhideWhenUsed="false" QFormat="true" Name="Strong"/> <w:LsdException Locked="false" Priority="20" SemiHidden="false" UnhideWhenUsed="f
|
||
|
|
equal(editor.getContent().replace(/[\r\n]+/g, ''), '<table><tbody><tr><td><p>Cell 1</p></td><td><p>Cell 2</p></td></tr><tr><td><p>Cell 3</p></td><td><p>Cell 4</p></td></tr></tbody></table><p> </p>');
|
||
|
|
});
|
||
|
|
|
||
|
|
test("Paste Word without mso markings", function() {
|
||
|
|
editor.setContent('');
|
||
|
|
editor.execCommand('mceInsertClipboardContent', false, {
|
||
|
|
content: (
|
||
|
|
'<font face="Times New Roman" size="3"></font>' +
|
||
|
|
'<p style="margin: 0in 0in 10pt;">' +
|
||
|
|
'<span style=\'line-height: 115%; font-family: "Comic Sans MS"; font-size: 22pt;\'>Comic Sans MS</span>' +
|
||
|
|
'</p>' +
|
||
|
|
'<font face="Times New Roman" size="3"></font>'
|
||
|
|
)
|
||
|
|
});
|
||
|
|
|
||
|
|
equal(trimContent(editor.getContent()), (
|
||
|
|
'<p>Comic Sans MS</p>'
|
||
|
|
));
|
||
|
|
});
|
||
|
|
|
||
|
|
test("Paste Word links", function() {
|
||
|
|
editor.setContent('');
|
||
|
|
editor.execCommand('mceInsertClipboardContent', false, {
|
||
|
|
content: (
|
||
|
|
'<p class="MsoNormal">' +
|
||
|
|
'<a href="file:///C:/somelocation/filename.doc#_Toc238571849">1</a>' +
|
||
|
|
'<a href="#_Toc238571849">2</a>' +
|
||
|
|
'<a name="Toc238571849">3</a>' +
|
||
|
|
'<a href="http://www.tinymce.com/someurl">4</a>' +
|
||
|
|
'<a>5</a>' +
|
||
|
|
'</p>'
|
||
|
|
)
|
||
|
|
});
|
||
|
|
|
||
|
|
equal(trimContent(editor.getContent()), (
|
||
|
|
'<p>' +
|
||
|
|
'<a href="#_Toc238571849">1</a>' +
|
||
|
|
'<a href="#_Toc238571849">2</a>' +
|
||
|
|
'<a name="Toc238571849"></a>3' +
|
||
|
|
'<a href="http://www.tinymce.com/someurl">4</a>' +
|
||
|
|
'5' +
|
||
|
|
'</p>'
|
||
|
|
));
|
||
|
|
});
|
||
|
|
|
||
|
|
test("Paste Word retain styles", function() {
|
||
|
|
var rng = editor.dom.createRng();
|
||
|
|
|
||
|
|
editor.settings.paste_retain_style_properties = 'color,background-color,font-family';
|
||
|
|
|
||
|
|
// Test color
|
||
|
|
editor.setContent('');
|
||
|
|
editor.execCommand('SelectAll');
|
||
|
|
editor.execCommand('mceInsertClipboardContent', false, {content: '<p class="MsoNormal" style="color: #ff0000">Test</p>'});
|
||
|
|
equal(trimContent(editor.getContent().replace(/[\r\n]+/g, '')), '<p style=\"color: #ff0000;\">Test</p>');
|
||
|
|
|
||
|
|
// Test background-color
|
||
|
|
editor.setContent('');
|
||
|
|
editor.execCommand('SelectAll');
|
||
|
|
editor.execCommand('mceInsertClipboardContent', false, {content: '<p class="MsoNormal" style="background-color: #ff0000">Test</p>'});
|
||
|
|
equal(trimContent(editor.getContent().replace(/[\r\n]+/g, '')), '<p style=\"background-color: #ff0000;\">Test</p>');
|
||
|
|
|
||
|
|
editor.settings.paste_retain_style_properties = '';
|
||
|
|
});
|
||
|
|
|
||
|
|
test("Paste part of list from IE", function() {
|
||
|
|
var rng = editor.dom.createRng();
|
||
|
|
|
||
|
|
editor.setContent('');
|
||
|
|
editor.execCommand('SelectAll');
|
||
|
|
editor.execCommand('mceInsertClipboardContent', false, {content: '<li>item2</li><li>item3</li>'});
|
||
|
|
equal(trimContent(editor.getContent().replace(/[\r\n]+/g, '')), '<ul><li>item2</li><li>item3</li></ul>', 'List tags are inferred when pasting LI');
|
||
|
|
});
|
||
|
|
|
||
|
|
test("Disable default filters", function() {
|
||
|
|
var rng = editor.dom.createRng();
|
||
|
|
|
||
|
|
editor.settings.paste_enable_default_filters = false;
|
||
|
|
|
||
|
|
// Test color
|
||
|
|
editor.setContent('');
|
||
|
|
editor.execCommand('SelectAll');
|
||
|
|
|
||
|
|
editor.execCommand('mceInsertClipboardContent', false, {content: '<p class="MsoNormal" style="color: #ff0000;">Test</p>'});
|
||
|
|
equal(trimContent(editor.getContent().replace(/[\r\n]+/g, '')), '<p class="MsoNormal" style="color: #ff0000;">Test</p>');
|
||
|
|
|
||
|
|
editor.settings.paste_enable_default_filters = true;
|
||
|
|
});
|
||
|
|
|
||
|
|
test('paste invalid content with spans on page', function() {
|
||
|
|
var startingContent = '<p>123 testing <span id="x">span later in document</span></p>',
|
||
|
|
insertedContent = '<ul><li>u</li><li>l</li></ul>';
|
||
|
|
editor.setContent(startingContent);
|
||
|
|
rng = editor.dom.createRng();
|
||
|
|
rng.setStart(editor.dom.select('p')[0].firstChild, 0);
|
||
|
|
rng.setEnd(editor.dom.select('p')[0].firstChild, 0);
|
||
|
|
editor.selection.setRng(rng);
|
||
|
|
editor.execCommand('mceInsertClipboardContent', false, {content: insertedContent});
|
||
|
|
|
||
|
|
equal(editor.getContent().replace(/[\r\n]+/g, ''), insertedContent + startingContent);
|
||
|
|
});
|
||
|
|
|
||
|
|
test('paste plain text with space', function() {
|
||
|
|
editor.setContent('<p>text</p>');
|
||
|
|
rng = editor.dom.createRng();
|
||
|
|
rng.setStart(editor.dom.select('p')[0].firstChild, 1);
|
||
|
|
rng.setEnd(editor.dom.select('p')[0].firstChild, 2);
|
||
|
|
editor.selection.setRng(rng);
|
||
|
|
editor.execCommand('mceInsertClipboardContent', false, {text: ' a '});
|
||
|
|
|
||
|
|
equal(editor.getContent().replace(/[\r\n]+/g, ''), '<p>t a xt</p>');
|
||
|
|
});
|
||
|
|
|
||
|
|
test('paste plain text with linefeeds', function() {
|
||
|
|
editor.setContent('<p>text</p>');
|
||
|
|
rng = editor.dom.createRng();
|
||
|
|
rng.setStart(editor.dom.select('p')[0].firstChild, 1);
|
||
|
|
rng.setEnd(editor.dom.select('p')[0].firstChild, 2);
|
||
|
|
editor.selection.setRng(rng);
|
||
|
|
editor.execCommand('mceInsertClipboardContent', false, {text: 'a\nb\n\c\n'});
|
||
|
|
|
||
|
|
equal(editor.getContent().replace(/[\r\n]+/g, ''), '<p>ta<br />b<br />c<br />xt</p>');
|
||
|
|
});
|
||
|
|
|
||
|
|
test('paste plain text with double linefeeds', function() {
|
||
|
|
editor.setContent('<p>text</p>');
|
||
|
|
rng = editor.dom.createRng();
|
||
|
|
rng.setStart(editor.dom.select('p')[0].firstChild, 1);
|
||
|
|
rng.setEnd(editor.dom.select('p')[0].firstChild, 2);
|
||
|
|
editor.selection.setRng(rng);
|
||
|
|
editor.execCommand('mceInsertClipboardContent', false, {text: 'a\n\nb\n\nc'});
|
||
|
|
|
||
|
|
equal(editor.getContent().replace(/[\r\n]+/g, ''), '<p>t</p><p>a</p><p>b</p><p>c</p><p>xt</p>');
|
||
|
|
});
|
||
|
|
|
||
|
|
test('paste plain text with entities', function() {
|
||
|
|
editor.setContent('<p>text</p>');
|
||
|
|
rng = editor.dom.createRng();
|
||
|
|
rng.setStart(editor.dom.select('p')[0].firstChild, 1);
|
||
|
|
rng.setEnd(editor.dom.select('p')[0].firstChild, 2);
|
||
|
|
editor.selection.setRng(rng);
|
||
|
|
editor.execCommand('mceInsertClipboardContent', false, {text: '< & >'});
|
||
|
|
|
||
|
|
equal(editor.getContent().replace(/[\r\n]+/g, ''), '<p>t< & >xt</p>');
|
||
|
|
});
|
||
|
|
|
||
|
|
test('paste plain text with paragraphs', function() {
|
||
|
|
editor.setContent('<p>text</p>');
|
||
|
|
rng = editor.dom.createRng();
|
||
|
|
rng.setStart(editor.dom.select('p')[0].firstChild, 1);
|
||
|
|
rng.setEnd(editor.dom.select('p')[0].firstChild, 2);
|
||
|
|
editor.selection.setRng(rng);
|
||
|
|
editor.execCommand('mceInsertClipboardContent', false, {text: 'a\n<b>b</b>\n\nc'});
|
||
|
|
|
||
|
|
equal(editor.getContent().replace(/[\r\n]+/g, ''), '<p>t</p><p>a<br /><b>b</b></p><p>c</p><p>xt</p>');
|
||
|
|
});
|
||
|
|
|
||
|
|
test('paste data image with paste_data_images: false', function() {
|
||
|
|
editor.setContent('');
|
||
|
|
|
||
|
|
editor.execCommand('mceInsertClipboardContent', false, {content: '<img src="data:image/png;base64,...">'});
|
||
|
|
equal(editor.getContent(), '');
|
||
|
|
|
||
|
|
editor.execCommand('mceInsertClipboardContent', false, {content: '<img alt="alt" src="data:image/png;base64,...">'});
|
||
|
|
equal(editor.getContent(), '');
|
||
|
|
});
|
||
|
|
|
||
|
|
test('paste data image with paste_data_images: true', function() {
|
||
|
|
editor.settings.paste_data_images = true;
|
||
|
|
|
||
|
|
editor.setContent('');
|
||
|
|
editor.execCommand('mceInsertClipboardContent', false, {content: '<img src="data:image/png;base64,...">'});
|
||
|
|
|
||
|
|
equal(editor.getContent(), '<p><img src="data:image/png;base64,..." alt="" /></p>');
|
||
|
|
});
|
||
|
|
|
||
|
|
test('paste pre process text (event)', function() {
|
||
|
|
function callback(e) {
|
||
|
|
e.content = 'PRE:' + e.content;
|
||
|
|
}
|
||
|
|
|
||
|
|
editor.setContent('<p>a</p>');
|
||
|
|
setSelection('p', 0, 'p', 1);
|
||
|
|
editor.on('PastePreProcess', callback);
|
||
|
|
editor.execCommand('mceInsertClipboardContent', false, {text: 'b\n2'});
|
||
|
|
equal(editor.getContent(), '<p>PRE:b<br />2</p>');
|
||
|
|
|
||
|
|
editor.setContent('<p>a</p>');
|
||
|
|
setSelection('p', 0, 'p', 1);
|
||
|
|
editor.off('PastePreProcess', callback);
|
||
|
|
editor.execCommand('mceInsertClipboardContent', false, {text: 'c'});
|
||
|
|
equal(editor.getContent(), '<p>c</p>');
|
||
|
|
});
|
||
|
|
|
||
|
|
test('paste pre process html (event)', function() {
|
||
|
|
function callback(e) {
|
||
|
|
e.content = 'PRE:' + e.content;
|
||
|
|
}
|
||
|
|
|
||
|
|
editor.setContent('<p>a</p>');
|
||
|
|
setSelection('p', 0, 'p', 1);
|
||
|
|
editor.on('PastePreProcess', callback);
|
||
|
|
editor.execCommand('mceInsertClipboardContent', false, {content: '<em>b</em>'});
|
||
|
|
equal(editor.getContent(), '<p>PRE:<em>b</em></p>');
|
||
|
|
|
||
|
|
editor.setContent('<p>a</p>');
|
||
|
|
setSelection('p', 0, 'p', 1);
|
||
|
|
editor.off('PastePreProcess', callback);
|
||
|
|
editor.execCommand('mceInsertClipboardContent', false, {content: '<em>c</em>'});
|
||
|
|
equal(editor.getContent(), '<p><em>c</em></p>');
|
||
|
|
});
|
||
|
|
|
||
|
|
test('paste post process (event)', function() {
|
||
|
|
function callback(e) {
|
||
|
|
e.node.innerHTML += ':POST';
|
||
|
|
}
|
||
|
|
|
||
|
|
editor.setContent('<p>a</p>');
|
||
|
|
setSelection('p', 0, 'p', 1);
|
||
|
|
editor.on('PastePostProcess', callback);
|
||
|
|
editor.execCommand('mceInsertClipboardContent', false, {content: '<em>b</em>'});
|
||
|
|
equal(editor.getContent(), '<p><em>b</em>:POST</p>');
|
||
|
|
|
||
|
|
editor.setContent('<p>a</p>');
|
||
|
|
setSelection('p', 0, 'p', 1);
|
||
|
|
editor.off('PastePostProcess', callback);
|
||
|
|
editor.execCommand('mceInsertClipboardContent', false, {content: '<em>c</em>'});
|
||
|
|
equal(editor.getContent(), '<p><em>c</em></p>');
|
||
|
|
});
|
||
|
|
|
||
|
|
test('paste innerText of single P', function() {
|
||
|
|
editor.setContent('<p>a</p>');
|
||
|
|
equal(tinymce.pasteplugin.Utils.innerText(editor.getBody().innerHTML), 'a');
|
||
|
|
});
|
||
|
|
|
||
|
|
test('paste innerText of single P with whitespace wrapped content', function() {
|
||
|
|
editor.setContent('<p> a </p>');
|
||
|
|
equal(tinymce.pasteplugin.Utils.innerText(editor.getBody().innerHTML), 'a');
|
||
|
|
});
|
||
|
|
|
||
|
|
test('paste innerText of two P', function() {
|
||
|
|
editor.setContent('<p>a</p><p>b</p>');
|
||
|
|
equal(tinymce.pasteplugin.Utils.innerText(editor.getBody().innerHTML), 'a\n\nb');
|
||
|
|
});
|
||
|
|
|
||
|
|
test('paste innerText of H1 and P', function() {
|
||
|
|
editor.setContent('<h1>a</h1><p>b</p>');
|
||
|
|
equal(tinymce.pasteplugin.Utils.innerText(editor.getBody().innerHTML), 'a\nb');
|
||
|
|
});
|
||
|
|
|
||
|
|
test('paste innerText of P with BR', function() {
|
||
|
|
editor.setContent('<p>a<br>b</p>');
|
||
|
|
equal(tinymce.pasteplugin.Utils.innerText(editor.getBody().innerHTML), 'a\nb');
|
||
|
|
});
|
||
|
|
|
||
|
|
test('paste innerText of P with VIDEO', function() {
|
||
|
|
editor.setContent('<p>a<video>b<br>c</video>d</p>');
|
||
|
|
equal(tinymce.pasteplugin.Utils.innerText(editor.getBody().innerHTML), 'a d');
|
||
|
|
});
|
||
|
|
|
||
|
|
test('paste innerText of PRE', function() {
|
||
|
|
editor.getBody().innerHTML = '<pre>a\nb\n</pre>';
|
||
|
|
equal(tinymce.pasteplugin.Utils.innerText(editor.getBody().innerHTML).replace(/\r\n/g, '\n'), 'a\nb\n');
|
||
|
|
});
|
||
|
|
|
||
|
|
test('paste innerText of textnode with whitespace', function() {
|
||
|
|
editor.getBody().innerHTML = '<pre> a </pre>';
|
||
|
|
equal(tinymce.pasteplugin.Utils.innerText(editor.getBody().firstChild.innerHTML), ' a ');
|
||
|
|
});
|
||
|
|
|
||
|
|
tinymce.init({
|
||
|
|
mode: "exact",
|
||
|
|
elements: "elm1",
|
||
|
|
add_unload_trigger: false,
|
||
|
|
plugins: 'paste',
|
||
|
|
setup: function(ed) {
|
||
|
|
ed.on('NodeChange', false);
|
||
|
|
},
|
||
|
|
init_instance_callback: function(ed) {
|
||
|
|
editor = ed;
|
||
|
|
QUnit.start();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<h1 id="qunit-header">Unit tests for the Paste plugin</h1>
|
||
|
|
<h2 id="qunit-banner"></h2>
|
||
|
|
<div id="qunit-testrunner-toolbar"></div>
|
||
|
|
<h2 id="qunit-userAgent"></h2>
|
||
|
|
<ol id="qunit-tests"></ol>
|
||
|
|
|
||
|
|
<textarea id="elm1" name="elm1"></textarea>
|
||
|
|
<div>
|
||
|
|
<a href="javascript:alert(tinymce.EditorManager.get('elm1').getContent({format: 'raw'}));">[getRawContents]</a>
|
||
|
|
<a href="javascript:alert(tinymce.EditorManager.get('elm1').getContent());">[getContents]</a>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|