u小马_微软原版 Win10/Win11 iso镜像下载

当前位置:首页 > 文章教程 > 软件教程

百度文本编辑器(Ueditor)怎么获取内容?

时间:2020-10-22 来源:u小马 访问:次

百度文本编辑器(Ueditor) V1.4.3.3官网版

百度文本编辑器(Ueditor) V1.4.3.3官网版

大小:10.12 MB类别:国产软件

更新:2020-10-22下载:4772

百度文本编辑器(Ueditor)是由百度开发的所见即所得文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于BSD协议,允许自由使用和使用代码。那么,Ueditor怎么获取内容呢?不少刚接触Ueditor的新用户不了解怎么操作,接下来就跟着小编一起来看看百度文本编辑器(Ueditor)获取内容的操作方法吧!

方法步骤:

1、将下载下来的包解压之后,复制到自己的项目web路径中,例子中我们复制到webapp的resources目录下面

百度文本编辑器(Ueditor)怎么获取内容?

2、这个时候再创建一个demo的jsp页面用来显示editor的编辑器,demo的内容可以从官网的帮助文档中获取,然后根据自己的需要修改即可

百度文本编辑器(Ueditor)怎么获取内容?

3、启动web项目,然后浏览器访问测试地址,http://localhost:8080/study-web/test/ueditor,打开之后的页面

百度文本编辑器(Ueditor)怎么获取内容?

4、看到这一步的时候,则表示ueditor的初始化部署已经完成,下面来看下看下如何设置和获取编辑器内容

百度文本编辑器(Ueditor)怎么获取内容?

5、ready是初始化完成之后执行的js代码,setContent是设置编辑器内容,getContent是获取html内容,getContentTxt则是获取的纯文本值

ue.setContent('hello');

var html = ue.getContent();

var txt = ue.getContentTxt();

按F12打开浏览器调试工具,再刷新页面看下效果,查看浏览器控制台打印结果

百度文本编辑器(Ueditor)怎么获取内容?

6、从打印结果可以看到获取的纯文本值为hello,使用ueditor提供的getContentTxt方法就可以

以上就是小编和大家分享的关于百度文本编辑器(Ueditor)获取内容的具体操作方法了,感兴趣的小伙伴可以跟着以上步骤试一试,希望以上教程可以帮到大家,想要了解更多,点击首页查看精彩教程。

热门Win镜像下载

本类热门教程