网页内嵌编辑器ueditor的使用

下载

在ueditor的官方下载页下载自己所需要的最新版本,链接地址:http://ueditor.baidu.com/website/download.html,此次我选择的下载版本链接为:
http://wordonline.bj.bcebos.com/ueditor_release/ueditor1_4_3_3-utf8-net.zip,为方便引用,下载完成后将文件解压到项目所在的目录下,如:C:\Documents\xundhChat\html\chat\js。(也可以解压到任意路径,只是代码引用时候的引用路径会很长)。项目使用到的编辑器属性主要定义在了ueditor.config.js和ueditor.all.js这两个文件里,所以用户使用的时候,直接引用这两个文件就行了。

使用

在自己的代码段中引用这个编辑器,格式大致如下所示(声明部分):

<script type="text/javascript" charset="utf-8" src="chat/js/ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="chat/js/ueditor/ueditor.all.js"></script>

在需要使用编辑器的部分,将定义好的编辑器方法引用进来。引用时内容用

<div data-options="region:'center',title:''" style="padding:0px;background:#fff;">
    <script type="text/plain" id="myEditor" >
        <p>这里我可以写一些输入提示 </p>
    </script>
</div>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值