ckeditor-纯HTML源代码模式,无需对代码进行任何更改

ckeditor-纯HTML源代码模式,无需对代码进行任何更改,ckeditor,wysiwyg,Ckeditor,Wysiwyg,我知道这个问题被问了1000次,但经过6个小时的研究,我仍然找不到任何解决办法 不幸的是,我绑定到一个使用ckeditor的CMS。我一点也不喜欢所见即所得编辑器,但我必须处理它。我希望编辑器不要碰我的任何代码,不管它是否错误,不管我是否将块元素放入内联元素,等等 这是我正在使用的atm配置: CKEDITOR.editorConfig = function( config ) { config.language = 'en'; config.allowedContent = true; con

我知道这个问题被问了1000次,但经过6个小时的研究,我仍然找不到任何解决办法

不幸的是,我绑定到一个使用ckeditor的CMS。我一点也不喜欢所见即所得编辑器,但我必须处理它。我希望编辑器不要碰我的任何代码,不管它是否错误,不管我是否将块元素放入内联元素,等等

这是我正在使用的atm配置:

CKEDITOR.editorConfig = function( config ) {
config.language = 'en';
config.allowedContent = true;
config.height = 600;
config.startupMode = 'source';

// Prevent CK from removing empty HTML-tags
$.each(CKEDITOR.dtd.$removeEmpty, function (i, value) {
    CKEDITOR.dtd.$removeEmpty[i] = false;
});};
好吧,有了这些设置,编辑器似乎仍然在修改代码。例如,它重新排列或标记,只添加新代码。这真是令人难以置信的烦人。我知道编辑器的目的不是要表现得像一个纯粹的webdev编辑器,但是必须有一种方法来配置它,让代码完全独立,对吗?有人能告诉我需要添加哪些设置才能实现这一点吗

必须有一种方法来配置它,让代码完全独立,对吗

像这样的库利用浏览器提供的contentEditable功能


浏览器将获取HTML,将其解析为DOM,然后提供一个API对其进行操作。稍后,DOM可以序列化回HTML,但这与原始HTML完全断开连接。一切都将正常化

真正奇怪的是,如果我将带有CSS的HTML粘贴到源代码窗口中并直接保存它,那么代码一点也没有改变。网站上的所有内容都正确显示,源代码没有更改。但一旦我回到CK,它就会开始改变代码。这使我得出结论,一定有办法。我的意思是,它是有效的,但直到我再次编辑内容为止。我只是描述了内容编辑机制是如何工作的。它不能让你做你想做的事。谢谢。你知道有哪种开源编辑器可以让我做我想做的事情,并且可以实现到CMS中吗?根本不需要所见即所得。如果你不需要所见即所得,那么使用textarea,你的代码将永远不会更改。所见即所得/设计模式下的所有编辑器都处理实时HTML,并按照规范进行操作。它在源代码模式下工作的原因是因为使用了textarea,并且此HTML被视为纯文本。验证应用于所见即所得/设计模式。所以再一次,要么开始使用有效的HTML,要么唯一的选择就是切换到纯文本区域。