ckeditor - 如何将 CKEEditor 5 Bold Plugin 应用于我自己的内联元素
问题描述
我遵循了https://ckeditor.com/docs/ckeditor5/latest/framework/guides/tutorials/implementing-an-inline-widget.html上的实现内联小部件教程。
我想扩展它以启用占位符的粗体。
我添加this.editor.model.schema.extend( 'placeholder', { allowAttributes: 'bold' } );
到PlaceholderEditing.init()
,所以它现在看起来像这样:
init() {
this._defineSchema();
this._defineConverters();
this.editor.commands.add('placeholder', new PlaceholderCommand(this.editor));
this.editor.editing.mapper.on(
'viewToModelPosition',
viewToModelPositionOutsideModelElement(this.editor.model, viewElement => viewElement.hasClass('placeholder'))
);
this.editor.config.define( 'placeholderConfig', {
types: [ 'date', 'first name', 'surname' ]
} );
this.editor.model.schema.extend( 'placeholder', { allowAttributes: 'bold' } ); //ADDED
}
然后我将占位符包裹在 中<strong></strong>
,如下所示:
<strong><span class="placeholder" >{mike}</span></strong>
检查员向我展示了placeholder
在模型中添加的属性,如下所示:
但是,编辑器中呈现的 html 并没有<strong></strong>
向下转换
我怎样才能使这项工作?
解决方案
目前似乎没有办法干净地做到这一点。它已经存在问题:https ://github.com/ckeditor/ckeditor5/issues/1633
推荐阅读
- javascript - 我希望我的 HTML 弹出窗口出现在 JS if 语句中
- javascript - 登录 HTML(或 Javascript)后重定向到上一页
- azure - 将 Azure EventHub 的默认协议从 AMQP 更改为 HTTPS
- c++ - 从可变参数模板创建 std::list unique_ptr
- ionic-framework - 如何让离子卡取剩余高度?
- python - Django + gunicorn 因 POST 请求而超时
- postgresql - 如何使用更多内存在 HPC 集群上的 Singularity 容器中运行 PostgreSQL 服务器
- angular - netlify 在部署 Angular 项目时无法识别 ng
- python - 从 ERC-20 代币地址获取代币的详细信息
- python - 如何将一个数据框的元素与另一个数据框的元素进行比较?