发布
社区首页 >问答首页 >如何让tinymce (浏览器中的“富编辑器”)保留缩进

如何让tinymce (浏览器中的“富编辑器”)保留缩进
EN

Stack Overflow用户
提问于 2009-06-05 21:41:35
回答 5查看 4.2K关注 0票数 5

问题:我将Drupal与富编辑器一起使用,富编辑器喜欢通过剥离缩进和格式化来破坏我的文本。这在桌面编辑器中是不可接受的,但人们似乎可以容忍浏览器内的wyswigs。

问:我怎么才能把它关掉。我到处寻找,但我还没有找到告诉富编辑器保留缩进和文本格式的最佳实践方法。

EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2016-02-09 13:25:09

将此配置添加到tinymce init脚本

代码语言:javascript
代码运行次数:0
复制
tinymce.init({
    protect: [/[\n\f\r\t\v]/g]
});
票数 3
EN

Stack Overflow用户

发布于 2013-02-19 00:21:54

这可能不是您想要的,但是drupal模块可以整理htmlpurifier并使其符合您的标准。它可以消除缩进,但它非常有用。

另一个更简单的模块是htmltidy,不确定它是否可以保留缩进。

票数 2
EN

Stack Overflow用户

发布于 2009-06-06 01:28:51

之所以会发生这种情况,是因为富编辑器实际上是一个xhtml编辑器。在xhtml中,默认情况下,大多数标签(除了PRE标签)都会将多个空格字符合并到一个空格中。

要在tinyMCE中克服这一点,您需要创建一个包含以下内容的样式表:

代码语言:javascript
代码运行次数:0
复制
* {white-space: pre;}

并在初始化编辑器时将样式表引用为content_css。请注意,虽然您将保留您的格式,但由于HTMLs空格转换的性质,它将不再是所见即所得。

另一种选择是将您的代码包装在一个PRE元素中,但是在tinyMCE中默认没有这样做的按钮(或者我是这么认为的)。

编辑:

正如mikl所提到的,tinyMCE也有一个configuration option for preformatted

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/958271

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档