当前位置：文江博客话题详情

Cckeditor：关于 dom 更改事件

发布于 2024-12-05 15:42:46 字数 103 浏览 0 评论 0原文

是否可以挂钩在ckeditor的dom中创建元素的过程？例如，每次编辑器想要将 p 元素附加到 dom 中时，我想在附加元素之前在该元素上设置一些自定义属性。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

往日 2024-12-12 15:42:46

在浏览规范时，我偶然发现了 dataprocessor，它将 dom 转换为html 并允许挂钩到构建元素的 html 的过程。

<script type="text/javascript">

CKEDITOR.on('instanceReady', function(e) {
  var editor = e.editor;
  editor.dataProcessor.htmlFilter.addRules({
    elements: {
      p: function(e) {
        e.attributes.style = 'padding: 20px;';
      }
    }
  });
});

</script>

请注意每个 ckeditor 实例特定的数据处理器。

Going throught the specs I stumbled upon the dataprocessor, which transforms the dom into html and allows to hook into the process of building the element's html.

<script type="text/javascript">

CKEDITOR.on('instanceReady', function(e) {
  var editor = e.editor;
  editor.dataProcessor.htmlFilter.addRules({
    elements: {
      p: function(e) {
        e.attributes.style = 'padding: 20px;';
      }
    }
  });
});

</script>

Mind that data processor in specific for each instance of ckeditor.

回复收藏 0 原文

~没有更多了~