reactjs - 如何限制文本输入和额外文本添加但不是斜体粗体突出显示,以便用户无法添加文本但可以加粗文本
问题描述
我希望用户加粗,仅突出显示文本而不是文本输入我想禁用来自 ckeditor 5 的文本输入我正在使用 ckeditor 5 和 react.js 来构建写作平台,但我希望用户使用粗体、突出显示、评论功能并停止用户输入额外的文本
toolbar: [
"undo",
"redo",
"heading",
"bold",
"italic",
"link",
"bulletedList",
"|",
"imageUpload",
"insertImage",
"insertImageFromUnsplash",
"blockQuote",
"code",
"codeBlock",
// "insertTable",
"mediaEmbed",
"removeFormat",
],
config.toolbar = [
{ name: 'basicstyles', items: [ 'Bold', 'Italic' ] }#something like this
]
我试图从工具栏中删除所有插件,但它并没有停止添加和输入额外的文本 图像
解决方案
尝试“受限编辑模式”
ClassicEditor
.create( document.querySelector( '#editor' ), {
plugins: [ Bold, RestrictedEditingMode, ... ],
toolbar: [ 'bold', '|', 'restrictedEditing', ... ],
restrictedEditing: {
allowedCommands: [ 'bold' ]
}
} )
推荐阅读
- django - 如何遍历脆田
- java-8 - Runtime.getRuntime().maxMemory() 计算方法
- php - 使用 iframe 在网站上添加背景音乐
- python - 字符串中间的Python正则表达式
- mysql - MySQL根据分组查询结果计算比率
- haskell - 如何编写函数属性的快速检查?
- woocommerce - Woocommerce 在管理仪表板上编辑订单
- javascript - Vue.js 提交文本按钮
- javascript - 在这种情况下,我如何实现功能循环语句而不是 for 循环?
- sql-server - 对安装在 Linux 服务器下的 MSSQL 的 Window 身份验证