ueditor编辑器的使用

叁歲伎倆 2022-06-13 09:29 315阅读 0赞

## 本文介绍如何引入ueditor，并拿到文本框的值 ##

### 一 首选引入js文件 ###

如 ![这里写图片描述][SouthEast]

<script type="text/javascript" charset="utf-8" src="../ueditor/ueditor.config.js"></script>
        <script type="text/javascript" charset="utf-8" src="../ueditor/ueditor.all.min.js"> </script>
        <script type="text/javascript" charset="utf-8" src="../ueditor/lang/zh-cn/zh-cn.js"></script>

### 二 加载编辑器 ###

![这里写图片描述][SouthEast 1]

<input type="button" name="chakan" value="chakan" onclick="aaa()"/>
                     
                    <script id="container" name="content" type="text/plain"> 这里写你的初始化内容 </script>
                    <script type="text/javascript"> var ue = UE.getEditor('container'); function aaa(){ //getPlainTxt() 获得纯文本内容并保留段落格式 //getContentTxt() 获取编辑器中的纯文本内容,没有段落格式 alert(ue.getPlainTxt()); } </script>

### 效果图（获得纯文本内容 有段落格式） ###

![SouthEast 2][]  
![这里写图片描述][SouthEast 3]

[SouthEast]: /images/20220613/bcb326bd9e3f4915831682495794265b.png
[SouthEast 1]: /images/20220613/6bf797485f2742bdb79eb750112640ea.png
[SouthEast 2]: /images/20220613/c2899c87d8d74ae2b24a983eebd783ad.png
[SouthEast 3]: /images/20220613/909ed17ccdfc4be89ef0545a4acc35e6.png

发表评论取消回复

表情：

评论列表（有 0 条评论，315人围观）

还没有评论，来说两句吧...

相关阅读

相关 ueditor编辑器

<script type="text/javascript" src="/tools/ueditor/ueditor.config.js"></script>

我不是女神ヾ/ 2022年09月21日 14:27/ 0 赞/ 246 阅读

相关百度编辑器UEditor的使用方法

百度编辑器具有丰富文本编辑功能，且开源免费，其使用方法如下： 1.在官网上下载对应的Uditor压缩包：http://ueditor.baidu.com/website/do

小灰灰/ 2022年09月09日 15:52/ 0 赞/ 284 阅读

相关 ueditor编辑器的使用

本文介绍如何引入ueditor，并拿到文本框的值一首选引入js文件如 ![这里写图片描述][SouthEast] <script type="tex

叁歲伎倆/ 2022年06月13日 09:29/ 0 赞/ 316 阅读

相关 vue 使用百度编辑器ueditor

1、先从百度管网下载资源 http://ueditor.baidu.com/website/download.html ，然后解压到静态资源 static(和src同级)

拼搏现实的明天。/ 2022年06月03日 00:37/ 0 赞/ 299 阅读

相关【Maven】maven使用ueditor编辑器

前提：下载[ueditor][] 一、首先将ueditor的jar包放入maven本地仓库（两种方式）（1）使用eclipse导入maven仓库单击右键

川长思鸟来/ 2022年05月31日 22:59/ 0 赞/ 160 阅读

相关《文本编辑器UEditor》

1.官网下载地址 [http://ueditor.baidu.com/website/download.html][http_ueditor.baidu.com_websit

悠悠/ 2022年03月11日 08:46/ 0 赞/ 387 阅读

相关 UEditor编辑器

一、官网：[https://ueditor.baidu.com/website/index.html][https_ueditor.baidu.com_website_ind

╰半橙微兮°/ 2022年01月30日 14:53/ 0 赞/ 724 阅读

相关百度编辑器 UEditor

官网:http://fex.baidu.com/ueditor/ UEditor 提供了四种后台语言 php，asp，asp.net，jsp 转载于:https://www

淩亂°似流年/ 2021年11月02日 12:16/ 0 赞/ 590 阅读

相关调用ueditor编辑器

在这里简单介绍一下如何调用百度ueditor编辑器。 1.现在官网上去下载文件，我使用的是PHP的utf-8版本。 2.下载解压到你项目的根目录下。（为了方便文件的管理

你的名字/ 2021年05月12日 11:54/ 0 赞/ 662 阅读

相关使用ueditor文本编辑器

一、效果如下二、把ueditor添加到项目里二、页面代码如下

朱雀/ 2020年10月24日 17:22/ 0 赞/ 984 阅读