【问题标题】:How to show or get line breakes in TinyMCE?如何在 TinyMCE 中显示或获取换行符?
【发布时间】:2017-05-18 16:37:08
【问题描述】:

例如,当我在 TinyMCE 中编辑文本时,我可以换行(白线)

<p>some text</p>
<p></p>
<p>some other text</p>

但是当我将它保存到服务器并在网站上显示文章时,它隐藏了所有&lt;p&gt;&lt;/p&gt;。但是如果在编辑器中我看到白线我需要在保存并在现场显示后需要它,我需要等效的行为。

我看到的解决问题的方法:

  1. TinyMCE 在内部将 &lt;p&gt;&lt;/p&gt; 等行存储为 &lt;p&gt;&lt;br ... /&gt;&lt;/p&gt; 但保存后我无法获取... 我可以使用tinyMCE.get(contentid).getContent({ format: 'raw' });,但它会破坏视频和音频。

  2. 或者我可以在服务器上的&lt;p&gt;&lt;br /&gt;&lt;/p&gt; 上替换&lt;p&gt;&lt;/p&gt;,但它不起作用,因为它可能像&lt;p&gt;&lt;strong&gt;&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;&lt;span style="color:red"&gt;&lt;/strong&gt;&lt;/p&gt; 许多变体... 很难全部解析。

  3. 强制 TinyMCE 向我发送已准备好的内容。

  4. &lt;p&gt;&lt;/p&gt; 在 HTML 中可见,但如何?

【问题讨论】:

  • 您在getContent() 通话中使用format:raw 是否有原因?通常不需要该设置。
  • 我使用的是 tinymce-4.4.3 版本,在这里我专门删除了预处理事件中的空

    ,如下所示:setup: function (main) {main.on('PreProcess', function (e) {$.each($(e.node).find("section &gt; p"), function (index, itm) { if (itm.childNodes.length == 1 &amp;&amp; itm.childNodes[0].nodeName == 'BR') { $(itm).remove(); } });});} 没有此代码,空

    '即使保存 html,tinymce 也不会删除 s。检查一下。

标签: html tinymce break line-breaks tinymce-4


【解决方案1】:

我做了显示html空p标签。

p:after {
  content:"";
  display:inline-block;
  width:0px;
}

所以,为我工作完美。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2013-06-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-07-08
    • 1970-01-01
    • 1970-01-01
    • 2022-01-09
    相关资源
    最近更新 更多