响应式html编辑器布局,基于Bootstrap响应式所见即所得的jQuery编辑器插件

LineControl Editor是一款基于Bootstrap的响应式、所见即所得的富文本编辑器jQuery插件。该富文本编辑器可以使用textarea元素或任何一个容器元素来生成,它拥有常见富文本编辑器的所有功能,使用快捷方便。

插件依赖

该富文本编辑器插件依赖于jQuery2.1.0和Twitter Bootstrap以及 Font-Awesome 字体图标

Jquery (2.1.0)

Twitter Bootstrap (3.1.1)

Font-Awesome (4.0.3)

使用方法

使用该富文本编辑器要在页面中引入jQuery,bootstrap和font-awesome字体图标样式文件,以及editor.css和editor.js文件。

HTML结构

可以使用一个

来作为该富文本编辑器的容器。

初始化插件

在页面加载完毕之后可以通过下面的方法来初始化该富文本编辑器。

$(document).ready( function() {

$("#txtEditor").Editor();

});

配置参数

你可以在初始化插件的时候添加一些配置参数。

editor('createMenuItem',

{"text": "TouchGlasses", //Text replaces icon if its not available

"icon":"fa fa-glass", //This is a Font-Awesome Icon

"tooltip": "Touch Glasses",

"custom": function(button, parameters){

//Your Custom Function.

alert("Cheers!!!");

},

"params": {'option1':"value1"} //Any custom parameters you want to pass

//to your custom function.

});

下面是该文本编辑器的默认配置:

'texteffects':true,

'aligneffects':true,

'textformats':true,

'fonteffects':true,

'actions' : true,

'insertoptions' : true,

'extraeffects' : true,

'advancedoptions' : true,

'screeneffects':true,

'bold': true,

'italics': true,

'underline':true,

'ol':true,

'ul':true,

'undo':true,

'redo':true,

'l_align':true,

'r_align':true,

'c_align':true,

'justify':true,

'insert_link':true,

'unlink':true,

'insert_img':true,

'hr_line':true,

'block_quote':true,

'source':true,

'strikeout':true,

'indent':true,

'outdent':true,

'fonts':fonts,

'styles':styles,

'print':true,

'rm_format':true,

'status_bar':true,

'font_size':fontsizes,

'color':colors,

'splchars':specialchars,

'insert_table':true,

'select_all':true,

'togglescreen':true

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/366652.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

linux nexus启动_Linux一键部署Nexus 3私服仓库自动化部署脚本

此脚本是Linux一键部署Nexus 3私服仓库自动化脚本,有需要朋友可以参考,脚本内容如下:环境准备:操作系统:CentOS Linux release 7.8.2003软件版本:Docker:docker-ce-19.03.12[rootlocalhost ~]# …

zabbix 模板 创建逻辑 + 主动模式-被动模式

模板通常包含了item、trigger、graph(图形)、application以及low-level discovery rule;模板可以直接链接至某个主机; 模板包含一系列的item,trigger等,可以快速地把多个item应用到host或者group。 参考:https://www.c…

JavaFX中的塔防(3)

在最后一部分中,您了解了如何创建Sprite,为其设置动画并赋予其Behavior。 但是动画效果不是很好,因为作为Insectoid,您应该始终看起来在飞行中。 记住:安全第一! 我们可以通过创建自定义的TileSetAnimation…

day21 pickle json shelve configpaser 模块

1. 序列化:我们在网络传输的时候,需要我们对对象进行处理,把对象处理成方便存储和传输的格式,这个过程就叫序列化 序列化的方法不一定一样,三十目的都是为了方便储存和传输. 在python中有三种序列化方案: 1. pickle 可以将我们python中任意数据类型转化为bytes写入文件中…

flex.css快速入门,极速布局

什么是flex.css? css3 flex 布局相信很多人已经听说过甚至已经在开发中使用过它,但是我想我们都会有一个共同的经历,面对它的各种版本,各种坑,傻傻的分不清楚,flex.css就是对flex布局的一种封装,通过简洁…

计算机英语阅读路线,高考英语阅读理解真题解析·计算机运用

说明:引用此文请注明出处,并务请保留后面的有效链接地址,谢谢!高考英语阅读理解真题解析计算机运用Computer people talk a lot about the need for other people to become“computer-literate.”But not all experts(专家) agree that this is a good idea.One pi…

优化Angularjs的$watch方法

Angularjs的$watch相信大家都知道,而且也经常使用,甚至,你还在为它的某些行为感到恼火。比如,一进入页面,它就会调用一次,我明明希望它在我初始化之后,值再次变动才调用。这种行为给我们带来许多…

JavaFX中的塔防(2)

在上一部分中,我们创建了一个简单的编辑器,让我们放置炮塔。 现在,我们将在敌人起源的地方添加一个生成点,并为其定义攻击目标。 首先,我将通过对象层向地图添加更多信息。 这是标准的TMX,因此我们可以在Ti…

微软edge浏览器不显示图片问题

用HBuider写的Web项目,项目名如果包含中文,edge下无法显示图片转载于:https://www.cnblogs.com/phoenixBlog/p/9964820.html

计算机辅助设计基础学什么,东大计算机辅助设计基础X20秋学期《计算机辅助设计基础》在线平时作业3资料...

计算机辅助设计基础X20秋学期《计算机辅助设计基础》在线平时作业36 e0 Y; q) j3 q3 c1.[单选题] 根据集成水平的不同,基于PDM的应用集成可分为3个层次,下面哪一个不在其中? 8 R- M/ w3 C& P" [ n. 答案资料下载请参考帮助中心说明…

在Python工作环境中安装包命令后加上国内源速度*15

example: pip install -r requests.txt -r https://pypi.tuna.tsinghua.edu.cn/simple/ --trusted-host pypi.tuna.tsinghua.edu.cn 转载于:https://www.cnblogs.com/xiangribai/p/9243426.html

12面魔方公式图解法_三阶魔方入门

一、魔方的构造这里只讲常见的普通三阶魔方。三阶魔方一共有26个色块,分三个层,从上到下分别为顶层、中间层、底层。26个色块按位置分为中心块、角色块、棱色块。中心块6个,角色块8个,棱色块12个。中心块为每一个面最中央的色块。…

Mongo 查询(可视化工具)

distinct MongoDB 的 distinct 命令是获取特定字段中不同值列表的最简单工具。 该命令适用于普通字段、数组字段以及数组内嵌文档(集合对象)。 db.getCollection(customer).distinct("customer_type")// chances字段的值是个集合,获…

使用JAX-RS的HTTP缓存

在上一个博客中,我们讨论了不同类型的缓存及其用例。 在本文中,我们将探讨如何利用HTTP响应标头和JAX-RS提供的支持来利用缓存。 过期标题 在HTTP 1.0中,一个名为Expires的简单响应头将告诉浏览器它可以缓存对象或页面多长时间。 在将来的某…

前端模块化,AMD与CMD的区别

原创 2016年08月03日 17:15:51标签:javascript /模块化 /前端21234最近在研究cmd和amd,在网上看到一篇不错的文章,整理下看看。 在JavaScript发展初期就是为了实现简单的页面交互逻辑,寥寥数语即可;如今CPU、浏览器性能…

上财的计算机专业408,【2020考研】上财408分经验分享

该楼层疑似违规已被系统折叠 隐藏此楼查看此楼数学,三月份到四月中旬把本科教材看了一遍。事实上还是有用的。比如,今年的二阶差分。看似超纲,其实不超纲。大纲要求认识二阶差分的形式,会解一阶差分方程。那道题恰好是用二阶差分表…

Linux ls命令详解

ls常见命令参数 ls: -F 给不同的文件添加不同表示,添加帽子 d/ l* s -a: 显示隐藏文件 以.开头的文件 -p: 只给目录添加/ -t: 按照修改时间排序 time --time-stylelong-iso: ls -l --time-stylelong-iso 显示友好长格式时间 -r: 倒着排序 reverse -S: 按照文件…

caffe 人脸关键点检测_人脸检测关键点新增至81个,比Dlib更精准、更贴边

人脸关键点检测是人脸识别和分析领域中的关键一步,它是诸如自动人脸识别、表情分析、三维人脸重建及三维动画等其它人脸相关问题的前提和突破口。虽然人脸的结构是确定的,由眉毛、眼睛、鼻子和嘴等部位组成,近似是一个刚体,但由于…

Jedis入门

嗨,这些天我开始研究Redis。 我听说过很多,所以我决定尝试一下。 Redis在其网站上定义为“ 开源高级键值存储”。 它通常被称为数据结构服务器,因为键可以包含字符串,哈希,列表,集合和排序集合 。 在“ S…

美团点评云真机平台实践

背景 随着美团点评业务越来越多,研发团队越来越庞大,对测试手机的需求显著增长。这对公司来说是一笔不小的开支,但现有测试手机资源分配不均,利用率也非常有限,导致各个团队开发、测试过程中都很难做到多机型覆盖。怎…