0

我正在尝试开发一个 CKEDITOR 插件来为图像添加填充/边距,

查看文档后,我编写了以下代码:

const style = new CKEDITOR.style( { element: 'img', attributes: { 'style': 'margin:100px' } } );
editor.applyStyle(style);

但它没有用,所以我尝试了:

const style = new CKEDITOR.style( { element: 'image', attributes: { 'style': 'margin:100px' } } );
editor.applyStyle(style);

仍然没有用,我在 drupal 9 上读到该图像是一个小部件而不是一个元素,所以我尝试了:

const style = new CKEDITOR.style( { type:'widget', widget: 'image' , attributes: { 'style': 'margin:100px' } } );
editor.applyStyle(style);

仍然没有工作,所以我尝试了:

const style = new CKEDITOR.style( { element: 'p', attributes: { 'style': 'margin:100px' } } );
editor.applyStyle(style);

它确实有效,但它被添加到包装img的'p'中,所以我知道代码是正确的,但我似乎无法将它添加到img中......

4

1 回答 1

0

如果您想要固定的填充/边距,自定义 ckeditor 样式配置可能是您的解决方案。 https://www.axelerant.com/blog/drupal-8-custom-styles-in-ckeditor

于 2021-11-09T08:13:20.123 回答