zoukankan      html  css  js  c++  java
  • 第一百九十节,jQuery,编辑器插件

    jQuery,编辑器插件

    学习要点:

      1.编辑器简介

      2.引入 uEditor

    编辑器(Editor),一般用于类似于 word 一样的文本编辑器,只不过是编辑为 HTML 格式的。分类纯 JS 类型的,还有 jQuery 插件类型的。

    一.编辑器简介

    我们使用的 jQuery 版本比较新,但尚未全面使用 2.0 的版本,因为 IE6,7,8 被抛弃了。 而恰恰在这个时期,就出现编辑器插件的两极分化的局面。高端和先进的 HTML 编辑器已 经全面不支持 IE6,7,8 了,而老版本的 HTML 编辑器,在使用 jQuery1.10.x 版本时会发生这 样那样的不兼容。为此,还需要引入 jquery-migrate-1.2.1.js 向下兼容插件才能解决一部分问 题。并且需要手动修改源代码保证了正常运行。

    二.引入 uEditor

      第一步:引入 jquery-migrate-1.2.1.js 文件,排除编辑器低版本的问题。

      第二步:把编辑器文件夹包放入根目录下。

      第三步:引入 uEditor.js 和 uEditor.css 两个文件。 第四步:插入 textarea,设置规定值。 第五步:jQuery 调用运行。

    插入 textarea,设置规定值

    html

    注意表单里的文本框<textarea>标签,必须class="uEditorCustom"

    <textarea class="uEditorCustom" name="content">请填写问题描述!</textarea>

    uEditor()方法,让一个<textarea>标签文本框,执行编辑器方法,一般在<textarea>标签上使用

    js代码

    $('.uEditorCustom').uEditor();

    注意:如果文本框内容无法传输到数据库,通过$('.uEditorIframe').contents().find('#iframeBody').html(),获取到输入框内容,然后在ajaxSubmit()里面当做额外参数传递

    屏蔽低版本浏览器不支持jQuery的浏览器

    可以用js判断浏览器的版本,然后跳转到指定提示页面

  • 相关阅读:
    游戏研发流程与构成要素
    Unity获取游戏对象详解
    Unity3D一些基本的概念和一些基本操作
    2019年Unity3D游戏开发前景预测及总结
    Unity3d游戏代码保护
    spring boot快速入门 6: 表单验证
    spring boot快速入门 5: 事务管理
    spring boot快速入门 4: jpa数据库操作 实现增删改查
    spring boot快速入门 3: controller的使用
    spring boot快速入门 2 :属性配置
  • 原文地址:https://www.cnblogs.com/adc8868/p/6622568.html
Copyright © 2011-2022 走看看