文本编辑器js插件

1.首先引入所需js文件

1 <!--文本编辑器js组件-->
2 <script type="text/javascript" charset="utf-8" src="ueditor/utf8-php/ueditor.config.js"></script>
3 <script type="text/javascript" charset="utf-8" src="ueditor/utf8-php/ueditor.all.min.js"> </script>
4 <script type="text/javascript" charset="utf-8" src="ueditor/utf8-php/lang/zh-cn/zh-cn.js"></script>

2.在用到文本编辑器的地方加入以下代码

1 <script id="editor" type="text/plain" style="width:100%;height:500px" ></script>

3.js代码

1 //实例化编辑器
2 var ue = UE.getEditor(‘editor‘);  3 var a = ue.getContent();//获取编辑器内容4 alert(a);

注:这里我们用到的是UEditor编辑器php utf-8版本,所需js文件可以到UEditor编辑器官网下载。

时间: 2024-10-12 19:06:00

文本编辑器js插件的相关文章

MVC富文本编辑器CKEditor配置CKFinder

富文本编辑器CKEditor的使用 *:first-child { margin-top: 0 !important; } body>*:last-child { margin-bottom: 0 !important; } /* BLOCKS =============================================================================*/ p, blockquote, ul, ol, dl, table, pre { margin:

Django 程序中添加js插件文本编辑器

第一步:在首页中添加写博客的按钮     <li>         <a href="{% url 'create_article' %}">写博客</a>     </li> 第二步:写相应的创建博客视图,编辑views.py文件 def create_article(request):     if request.method == "GET" :         return  render(request,'

Textarea - 百度富文本编辑器插件UEditor

UEditor各种实例演示 Ueditor 是百度推出的一款开源在线 HTML 编辑器. 主要特点: 轻量级:代码精简,加载迅速. 定制化:全新的分层理念,满足多元化的需求.采用三层架构:1. 核心层: 为命令层提供底层API,如range/selection/domUtils类.2. 命令插件层: 基于核心层开发command命令,命令之间相互独立.3. 界面层: 为命令层提供用户使用界面.满足不同层次用户的需求. 浏览器兼容兼容Mozilla, MSIE, FireFox, Maxthon,

jQuery TE——兼容IE6的轻量级文本编辑器插件

一.jQuery TE简介 官方页面 项目Demo 官方文档 jQuery TE是一款轻量级的jQuery的网页编辑器插件,压缩后只有19.5KB,兼容性非常好的所见即所得的文本编辑器.经过测试,兼容IE6. 而且,你可以自定义它的样式,写一些css,不仅仅是textarea,你可以将多种标签变成一个编辑器,比如span,或者p等. 兼容性:IE6+.chrome.Firefox.Opera.Safari.Yandex Browser等 二.如何使用 1.引入文件 这里方便使用,引入的为CDN地

转载:基于jquery的bootstrap在线文本编辑器插件Summernote

基于jquery的bootstrap在线文本编辑器插件Summernote 转载:jQ酷 » 基于jquery的bootstrap在线文本编辑器插件Summernote Summernote是一个基于jquery的bootstrap超级简单WYSIWYG在线编辑器.Summernote非常的轻量级,大小只有30KB,支持Safari,Chrome,Firefox.Opera.Internet Explorer 9 +(IE8支持即将到来). 特点: 世界上最好的WYSIWYG在线编辑器 极易安装

模态框的理解 ,jQ: loading,进度条, 省级联动 ,富文本编辑器 表单验证 插件

模态框: 打开一个弹框 不关闭它就不能做框外的操作 必须关闭或弹出另外的弹框 加载延迟loading + 进度条只要有请求 就处理一下监控ajax 全局事件jquery: 开始     $('#box').ajaxStart() 多个ajax共享一个Start 发送 .ajaxSend() 成功 .ajaxSuccess() 完成 . ajaxComplete() 完成后有错误 .ajaxError() 停止 .ajaxStop()多个ajax共享一个Stop Nprogress:进度条引入 c

vue-quill-editor 富文本编辑器插件介绍

Iblog项目中博文的文本编辑器采用了vue-quill-editor插件,本文将简单介绍其使用方法. 引入配置 安装模块 npm install vue-quill-editor --save index.js中引入组件 import VueQuillEditor from 'vue-quill-editor' import 'quill/dist/quill.core.css' import 'quill/dist/quill.snow.css' import 'quill/dist/qui

轻量级jQuery文本编辑器插件Froala WYSIWYG Editor

插件描述:一个轻量级的jQuery WYSIWYG文本编辑器基于HTML5技术. 跨浏览器.支持手机和视网膜屏.它是免费的使用为个人和非盈利项目. 参考网址:http://www.jq22.com/jquery-info657

原生JS实现简单富文本编辑器2

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" con