页面中富文本的使用

1、引包

<script>window.UEDITOR_HOME_URL = "${base}/common/ueditor/";</script>
<script type="text/javascript" src="${base}/common/js/jquery.form.min.js" ></script>
<script type="text/javascript" charset="utf-8" src="${base}/common/ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="${base}/common/ueditor/ueditor.all.js"></script>
<script type="text/javascript" charset="utf-8" src="${base}/common/ueditor/contentblocks.js"></script>

2、页面中引用

 <div class="editer">
       <script  id="editor" type="text/plain" name="" value="" style="height:300px;width:520px"></script>
  </div>

3、js加载

$(document).ready(function(){
    <!--添加编辑器-->
    editor = new UE.ui.Editor();
    editor.render("editor");
    editor.ready(function(){
      updateParentIframeHeight();

    })
    <!--添加编辑器-->

});

4、获得富文本中内容

var text =   UE.getEditor(‘editor‘).getContentTxt();
时间: 2024-09-29 11:25:30

页面中富文本的使用的相关文章

记录:获取页面选中文本

html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Con

动画综合练习(延迟进入+页面向导+文本框抖动)

1.activity_welcome.xml(界面刚加载进入欢迎界面的布局) <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/ll_welcome_root" android:layout_width="fill_parent" android:layout_height="fill_parent&q

使用ivx中富文本组件的经验总结

富文本相比普通文本可以显示复杂的字体样式和排版方式,所以更适用于网页图文内容的排版,在很多案例中都会经常使用.ivx中也封装好了富文本组件和富文本编辑器组件,今天就说一下这两个组件该如何使用吧. 一.富文本和富文本编辑器富文本编辑器是一种可内嵌于浏览器,用于编辑富文本内容和格式的文本编辑器.它与富文本的区别是,前者仅容许在案例编辑状态下进行内容编辑,在非编辑状态下隐藏文本工具条,通常仅做展示,不与用户发生交互.后者则在案例非编辑状态下开放富文本编辑界面,容许用户进行富文本的排版和编辑.富文本组件

django中富文本编辑器KindEditor的基本使用

1.简介: KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框. KindEditor 使用 JavaScript 编写,可以无缝地与 Java..NET.PHP.ASP 等程序集成,比较适合在 CMS.商城.论坛.博客.Wiki.电子邮件等互联网应用上使用 2.主要特点: 快速:体积小,加载速度快 开源:开放源代码,高水平,高品质 底层:内

如何利用CSS中的ime-mode用来控制页面上文本框中的全角/半角输入

css 之 ime-mode语法:ime-mode : auto | active | inactive | disabled取值:auto : 默认值.不影响ime的状态.与不指定 ime-mode 属性时相同active : 指定所有使用ime输入的字符.即激活本地语言输入法.用户仍可以撤销激活imeinactive : 指定所有不使用ime输入的字符.即激活非本地语言.用户仍可以撤销激活imedisabled : 完全禁用ime.对于有焦点的控件(如输入框),用户不可以激活ime 说明:设

使用layer.open 父页面获取子页面输入文本框中的值

$(function () { $("#confirmpassword").click(function () { var pwd = $("#txtPwd").val(); layer.open({ type: 1 , title: '请输入登入密码' , closeBtn: false , area: '350px;' , shade: 0.8 , id: 'LAY_layuipro' //设定一个id,防止重复弹出 , btn: ['保存','关闭'] , b

Qt中富文本处理

富文本处理 富文本(Rich Text)或者叫做富文本格式,简单来说就是在文档中可以使用多种格式,比如字体颜色.图片和表格等等.它是与纯文本(Plain Text)相对而言的,比如Windows上的记事本就是纯文本编辑器,而Word就是富文本编辑器. 富文本文档结构 文本块 表格.列表与图片 查找功能 语法高亮与HTML 1 富文本文档结构 在Qt中提供了对富文本处理的支持.Qt中对富文本的处理分为了编辑操作和只读操作两种方式. 编辑操作是使用基于光标的一些接口函数,这样更好的模拟了用户的编辑操

flutter中富文本

RichText( text: TextSpan( text: "登录代表同意", style: TextStyle( color: Styles.rgb_color_666, fontSize: Styles.textsize_13), children: [ TextSpan( text: "<***用户协议>", style: TextStyle( color: Styles.rgb_color_FFF36E22, fontSize: Styles

阻止页面双击选中文本解决方案

在双击左右箭头,快速切换图片滚动时,会选择附近区域的文字,感觉不是很好,今天在同事在分享时,讲到了这个问题, 试了一下,不错,解决了问题IE及Chrome下的方法一样,对相应的元素添加onselectstart=”return false;”但是,这个在火狐下不起作用,但是火狐下可以用css样式来达到这个效果,即添加-moz-user-select:none;就可以兼容ie,google,firefox了,即代码如下所示: 1 <div class="picBox" onsele