wangeditor如何获取值

2025-07-01 22:12:07

1、我们先百度搜索该富文本框的脚本文件,下载回来后,在自己的页面里引入该脚本。(我们的代码有用到Jquery,所以也把Jquery脚本引入了)

wangeditor如何获取值

3、运行页面后,我们就可以看到页面上有一个文本输入框了,而且支持输入各种格式。如图

wangeditor如何获取值

5、输入了内容,我们怎么获取得到呢?我们修改下代码,添加获取内容的按钮,点击按钮触发获取内容函数,在该函数上调用插件的ed.txt.html()方法,可以获取到富文本框里的内容。代码如图

wangeditor如何获取值

7、如果不想获取内容里的html代码,只获取文字内容,我们可以把代码由var text = ed.txt.html烫喇霰嘴(); 改成var text = ed.txt.text();即调用插件的 text方法,而不是html方法。

wangeditor如何获取值

9、除了在输入丸泸尺鸢框里输入内容外,我们还可以用脚本为输入框添加内容。修改代码,添加设置内容的按钮。为输入框设置内容,也是调用插件的ed.txt.html(text); 该方法的参数就是要输入的内容。代码如图。

wangeditor如何获取值
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢