正文 

当前位置： 首页 > java > java教程

ueditor编辑器使用示例

Libing@2019 Libing@2019     2022-08-07     435

关键词：

1. UEditor下载

　　UEditor是由百度web前端研发部开发所见即所得富文本web编辑器，具有轻量，可定制，注重用户体验等特点，开源基于MIT协议，允许自由使用和修改代码。

　　下载链接：http://ueditor.baidu.com/

2. 初始化编辑器

2.1 script初始化

　　HTML代码：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>UEditor示例</title>
    <script type="text/javascript" src="/Plugins/ueditor/ueditor.config.js"></script>
    <script type="text/javascript" src="/Plugins/ueditor/ueditor.all.js"></script>
</head>
<body>
    <script id="container" type="text/plain">
    </script>

    <script type="text/javascript">
        var ue = UE.getEditor("container");
    </script>
</body>
</html>

　　效果图：

2.2 TextArea初始化

 　　HTML代码：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>UEditor示例</title>
    <script src="/Plugins/ueditor/ueditor.config.js"></script>
    <script src="/Plugins/ueditor/ueditor.all.js"></script>

</head>
<body>
    <textarea cols="20" id="Remark" name="Remark" rows="2"></textarea>

    <script type="text/javascript">
        var editor = new baidu.editor.ui.Editor();
        editor.render("Remark");
    </script>
</body>
</html>

 

百度在线编辑器ueditor的使用

1、引入ueditor文件包到项目中（官网下载，分为utf-8还有gbk等好多版本，自己看着下）2、把ueditor引入到jsp页面中，可参考百度提供的示例<scripttype="text/javascript"charset="utf-8"src="${basePath}js/ueditor/ueditor.config.js"></script><scrip... 查看详情

使用myeclipse开发的javaweb项目中怎么部署ueditor

...、官网上下载完整源码包，解压到任意目录　　_examples：编辑器完整版的示例页面　　_demos：编辑器的各种使用案例　　dialogs：弹出对话框对应的资源和JS文件　　themes：样式图片和样式文件　　third-party：第三方插件　　editor_... 查看详情

百度编辑器ueditor使用记录

Ueditor官网： http://fex.baidu.com/ueditor/#dev-bale_width_gruntUeditorAPI文档： https://ueditor.baidu.com/doc/#COMMAND.LISTUeditor下载网址：https://ueditor.baidu.com/website/download.html一、项目引用因为Uedit 查看详情

vue中使用ueditor编辑器

...下载包：　　　　从Ueditor的官网下载1.4.3.3jsp版本的Ueditor编辑器，官网地址为：　　　　　　http://ueditor.baidu.com/website/　　　　　下载解压后会得到如果下文件目录： 　　　　　　 　　　　将上述Ueditor文件夹拷贝到vue... 查看详情

vue中使用ueditor编辑器

...下载包：　　　　从Ueditor的官网下载1.4.3.3jsp版本的Ueditor编辑器，官网地址为：　　　　　　http://ueditor.baidu.com/website/　　　　　下载解压后会得到如果下文件目录： 　　　　　　 　　　　将上述Ueditor文件夹拷贝到vue... 查看详情

ueditor的使用

引入ueditor.config.jsueditor.all.min.jslang/zh-cn/zh-cn.js编辑器显示处id="content"底部<scripttype="text/javascript"> //实例化编辑器//建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor(‘e... 查看详情

怎么使用百度编辑器

我们在做网站的时候，网站后台系统一般都会用到web编辑器，今天笔者就给大家推荐一款百度UEditor编辑器。关于这款百度UEditor编辑器官网上也有简单的教程，不过看着比较费劲，今天笔者就跟大家分享一下百度UEditor编辑器使用... 查看详情

react使用ueditor富文本编辑器

...http://ueditor.baidu.com/website/download.html#ueditor 最新版本的编辑器将下载的压缩包打包后把文件名改成 UEditor；然后放在项目根目录的public文件夹下  然后在public文件的index.html文件引入。要按顺序引入  <scri 查看详情

在网站中使用ueditor富文本编辑器

...tor是由百度WEB前端研发部开发的所见即所得的开源富文本编辑器，具有轻量、可定制、用户体验优秀等特点。官网链接进入到下载页面，选择相应的版本下载这里我们使用ASP.NET开发，所以选择.NET版本。将文件解压后，目录结构... 查看详情

百度编辑器ueditor插件的基本使用

...后进入后台进行安装即可Ueditor插件的使用：在你想要用编辑器的模板页面加如下代码即可：:Core::hook(‘ueditor‘,[‘name‘=>‘content‘,‘w 查看详情

tp中ueditor编辑器的使用

1/引入三个文件<scripttype="text/javascript"charset="utf-8"src="{$Think.config.PLUGIN_URL}ueditor/ueditor.config.js"></script><scripttype="text/javascript"charset="utf-8"src="{$Think.config.PL 查看详情

百度富文本ueditor编辑器的使用(代码片段)

...其是在网站开发后台管理系统的时候经常会使用到富文本编辑器，这里我们来使用百度提供的富文本编辑器UEditor，以提高我们的开发效率UEditor官网下载地址：https://ueditor.baidu.com/website/download.html 这里我下载的是jsp版本中的UT... 查看详情

ueditor百度编辑器中的setcontent()方法的使用

百度编辑器Ueditor所提供的setContent()方法作用是：设置或者改变编辑器里面的文字内容或html内容函数说明：setContent(string,boolean);参数string是需要设置到编辑器里面的内容，可以含有HTML代码，最后插入到编辑器中的内容是经过编辑... 查看详情

ueditor百度网页编辑器开发者版javautf-8的使用

index.jsp主要代码：<html><head><title>网页编辑器</title><scripttype="text/javascript"charset="utf-8"src="./ueditor/ueditor.config.js"></script><scripttype="text/javascript 查看详情

vue中使用富文本编辑器ueditor(代码片段)

参考：https://www.cnblogs.com/daimo/p/7525146.htmlhttps://blog.csdn.net/liujun03/article/details/844532871.下载文件包http://ueditor.baidu.com/website/download.html（我用的jsp的UTF-8版本）2.文件包放到static下 3. cnpminstall --savevue-ueditor-wrap4.使用<divcla... 查看详情

8.使用ueditor添加文章(代码片段)

ueditor是一个很好用的html编辑器，不仅提供了格式化编辑文本的功能，还提供了自动上传图片的功能，现在就使用该编辑器来实现博客文章的编辑功能。1.使用ueditor过程中会请求一个后台js文件作为语言文件，不加处理的话中文... 查看详情

富文本编辑器-ueditor(代码片段)

官方网址：http://ueditor.baidu.com/website/index.html下载地址：http://ueditor.baidu.com/website/download.html二、使用简单步骤1.在使用页面正确导入UEditor的js文件<scripttype="text/javascript"src="<%=request.getContextPath()%&g 查看详情

ueditor使用小结

...转载自：http://www.cnblogs.com/janes/ 一、简介ueditor是百度编辑器，官网地址：http://ueditor.baidu.com/website/ 完整的功能演示，可以参考：http://ueditor.baidu.com/website/onlinedemo.html 为了方便开发学习，我们下载它的完整版和.net版... 查看详情