富文本编辑器处理违禁词的检测和展示
该工具通过高亮显示违禁词并在工具栏中显示违规词的数量,方便用户及时修改。开发利用了百度的 UEditor 富文本编辑器,并在其基础上增加了自定义的命令,用于处理违禁词的检测和展示。 功能实现富文本编辑
wangeditor-如何清空富文本编辑器
之前我们已经成功的安装并使用wangeditor富文本编辑器。但有时发送完富文本编辑器的内容之后,我们希望编辑器能够自动清空内容。这该如何实现呢?之前使用的方法是直接向子组件传值,把content内容置空。但发现这样写存在bug,只有第一次请求后富文本会自动清空,再次请求后方法失效。我们可以在子组件内编写一个清空方法,利用setHtml方法将编辑器成功清空。注意不能只传一个空字符串,而必须传入如下...
2023-07-17
利用富文本编辑器传递内容Html--父传子
发现有一个接口需要内容和内容的html两种参数。借鉴一下同事的富文本编辑器,发现v-model并不能很好的实现双向绑定,去编辑器官网啃了两天,结合封装起来的编辑器成功做成了双向绑定,并能够正确传递Html参数,以下请看例子。首先,这里可以看到,通过:传递editorParams这个参数,并在子组件中监听它的变化,当父组件的值改变时,使其与子组件中的值相等,可以看到其中监听的数值很多,这里可以推断e...
2023-06-27
利用富文本编辑器传递内容Html--子传父
解决了父传子的问题,现在来解决子传父的问题。因为这是一个修改的页面,所以文本肯定需要修改,现在我们改变了文本值尝试点击立即修改并发送editorParams.content的值。可以看到content的值并没有改变,但是文本已经改变了,这里的坑是因为双向绑定在子组件而不是父组件,这里的editorParams.content只是作为父组件传递的参数而不是双向绑定的参数。那么要怎么得到子元素的文本值...
2023-06-27