头像

WEB在线富文本编辑器

来源:https://www.daimasucai.com/plug/82.html 代码素材管理员 2016-12-27浏览()

今天给大家介绍一款非常棒的WEB在线富文本编辑器——UMeditor,它是由百度web前端研发部开发所见即所得富文本web编辑器UEditor演变的迷你版编辑器,具有轻量,可定制,注重用户体验等特点,允许自由使用和修改代码,适用于前台快速简单回复框或后台内容编辑器。

程序员,你不是一个人;网站开发QQ群:  在线充值,或联系QQ 3078847178直接充值

WEB在线富文本编辑器
分类:首页>>PHP/Mysql>>插件 阅读次数:
查看演示 下载次数: 21

手机扫码访问:

下载资源 下载积分: 50

  如何使用?

  建立一个demo.html文件,首先在需要添加编辑器的地方加入以下代码,使用style可以设置编辑器的宽度和高度。

<script type="text/plain" id="myEditor" style="width:98%;height:240px;"> 

    <p>内容区域</p> 

</script> 

  定制选项

  UMeditor提供了丰富的选项设置,用户可以根据自己项目需求适当定制。

  获取编辑器里的内容可以使用如下代码,你还可以获取纯文本内容。

UM.getEditor('myEditor').getContent(); 

  判断编辑器是否有内容,可以使用如下代码:

   var cont = UM.getEditor('myEditor').hasContents(); 

    if(cont==true){ 

        alert('有内容。'); 

    }else{ 

        alert('无内容。'); 

    } 

  如果把编辑器放入表单form中,设置好action路径,就可以提交表单传送编辑器里的内容了。如:

<form action="server.php" method="post"> 

    <script id="container" name="content" type="text/plain" style="width:98%;height:240px;">这里写你的初始化内容</script> 

    <button type="submit" class="btn">提交</button> 

</form> 

  UMeditor提供了许多工具,可以根据需求定制,如表格编辑、列表布局、多媒体插入、图片上传、地图调用等等。UMeditor提供了服务端的几种语言版本,主要是用于上传图片的处理。用户可以设置上传路径、上传文件类型限制、大小限制等等。只需设置一下即可应用。


声明:本文为原创文章,如需转载,请注明来源daimasucai.com并保留原文链接:https://www.daimasucai.com/plug/82.html
如果您觉得本文的内容对您的学习有所帮助,您可以扫描下面的二维码请我喝杯茶,感谢!
alipay转账 alipay转账 扫扫加qq群

评论(0)


温馨提示:为规范评论内容,垃圾评论一律封号...

后面还有条评论,点击查看>>