javascript - ckeditor 似乎重新排序元素

标签 javascript ckeditor

插入 CKEditor 4 时,它似乎正在重新排序元素。

例如,我将内容放入警报中进行查看,其外观如下:

<div class="youtube-embed-wrapper" data-video-url="https://www.youtube-nocookie.com/embed/EG05-Y_C4EU?rel=0" data-video-preview="/cache/youtube_thumbs/1b6e910f6416a7c24e151551dc4ef844.jpg" style="position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden"><iframe width="640" height="360" src="https://www.youtube-nocookie.com/embed/EG05-Y_C4EU?rel=0" style="position:absolute;top:0;left:0;width:100%;height:100%"frameborder="0" allowfullscreen></iframe></div>

但实际插入时,结果是这样的:

<div class="youtube-embed-wrapper" data-video-preview="/cache/youtube_thumbs/1b6e910f6416a7c24e151551dc4ef844.jpg" data-video-url="https://www.youtube-nocookie.com/embed/EG05-Y_C4EU?rel=0" style="position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden"><iframe allowfullscreen="" frameborder="0" height="360" src="https://www.youtube-nocookie.com/embed/EG05-Y_C4EU?rel=0" style="position:absolute;top:0;left:0;width:100%;height:100%" width="640"></iframe></div>

如您所见,data-video-url 和 data-video-preview 标签已交换,但我找不到原因。

插入时使用标准 CKEditor 函数(其中“内容”是上面第一个引用的代码):

var element = CKEDITOR.dom.element.createFromHtml(content);
var instance = this.getParentEditor();
instance.insertElement(element);

其他人以前见过这个吗?我尝试搜索,但找不到任何内容。

最佳答案

要禁用 HTML 属性排序,请使用:

CKEDITOR.on( 'instanceReady', function( ev ) {
    ev.editor.dataProcessor.writer.sortAttributes = 0;
});

来源:https://stackoverflow.com/a/41202438/1911755

关于javascript - ckeditor 似乎重新排序元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54751680/

相关文章:

javascript - jQuery 切换故障排除

javascript - JavaScript 中 PubSub/过多事件和事件处理程序的性能成本?

javascript - CKEditor Config - 如何在已经使用 Builder 自动构建后手动安装 1 个附加插件

javascript - CKEditor 插件 - 为选定文本迭代多个 DOM 元素的正确方法

css - 防止 CKEDITOR 添加图像尺寸作为样式

javascript - 无法使用 React Native 中的对象访问数组中的值

javascript - 如何使用 boolean 标志跳过特定事件?

CKEditor 插件给出错误 'Uncaught TypeError: Cannot read property ' 图标'为空'

javascript - DRY React : To extend or not. 我的团队似乎不同意

javascript - CKEditor 表宽度和列宽度单位