一不小心接触到Simditor,瞬间被它优美极简的界面所吸引。Simditor是Tower开源的所见即所得的在线富文本编辑器。

Simditor的理念是保持简单,避免过度的功能,每个特性都追求极致的用户体验。

用法

1、在你的html页面中引用例如以下文件

<link media="all" rel="stylesheet" type="text/css" href="simditor/styles/font-awesome.css" />
<link media="all" rel="stylesheet" type="text/css" href="simditor/styles/simditor.css" /><script type="text/javascript" src="simditor/scripts/jquery.min.js"></script>
<script type="text/javascript" src="simditor/scripts/module.js"></script>
<script type="text/javascript" src="simditor/scripts/uploader.js"></script>
<script type="text/javascript" src="simditor/scripts/simditor.js"></script>

2、在使用Simditor的HTML页面里加入textarea文本框,比如

<textarea id="editor" placeholder="这里输入内容" autofocus></textarea>

3、在script中初始化编辑器:

var editor = new Simditor({textarea: $('#editor')
});

效果例如以下:

假设不幸工具栏button出现例如以下样式  则仅仅需去掉html头部<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

中的PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"就可以

JSP同理

作者:itmyhome

參考:Simditor官网

转载于:https://www.cnblogs.com/liguangsunls/p/6941229.html

Simditor用法相关推荐

  1. c语言中external,static关键字用法

    static用法: 在C中,static主要定义全局静态变量.定义局部静态变量.定义静态函数. 1.定义全局静态变量:在全局变量前面加上关键字static,该全局变量变成了全局静态变量.全局静态变量有 ...

  2. Pandas_transform的用法

    先来看一个实例问题. 如下销售数据中展现了三笔订单,每笔订单买了多种商品,求每种商品销售额占该笔订单总金额的比例.例如第一条数据的最终结果为:235.83 / (235.83+232.32+107.9 ...

  3. Python中yield和yield from的用法

    yield 后面接的是 future 对象 调用方 委托生成器 yield from 直接给出循环后的结果 yield from 委托者和子生成器直接通信 yield from 直接处理stopIte ...

  4. pytorch学习 中 torch.squeeze() 和torch.unsqueeze()的用法

    squeeze的用法主要就是对数据的维度进行压缩或者解压. 先看torch.squeeze() 这个函数主要对数据的维度进行压缩,去掉维数为1的的维度,比如是一行或者一列这种,一个一行三列(1,3)的 ...

  5. python yield 和 yield from用法总结

    #例1. 简单输出斐波那契數列前 N 个数 #缺点:该函数可复用性较差,因为 fab 函数返回 None,其他函数无法获得该函数生成的数列 #要提高 fab 函数的可复用性,最好不要直接打印出数列,而 ...

  6. tf.nn.embedding_lookup()的用法

    函数: tf.nn.embedding_lookup( params, ids, partition_strategy='mod', name=None, validate_indices=True, ...

  7. OpenMP用法大全

    OpenMP基本概念 OpenMP是一种用于共享内存并行系统的多线程程序设计方案,支持的编程语言包括C.C++和Fortran.OpenMP提供了对并行算法的高层抽象描述,特别适合在多核CPU机器上的 ...

  8. Dorado用法与示例

    Dorado用法与示例 dorado用后总结 一.dorado概念 dorado的产品全名是"dorado展现中间件".从产品形态上dorado由两部分组成,第一部分是一个具有AJ ...

  9. TensorFlow用法

    TensorFlow用法 什么是TensorFlow TensorFlow是一个开源软件库,用于使用数据流图进行数值计算.图中的节点表示数学运算,而图的边缘表示流动的多维数据数组(张量).这种灵活的体 ...

最新文章

  1. 安卓学习-界面-ui-RadioButton CheckBox
  2. mysql xtrabackup-v2_pxc wsrep_sst_method均配置为xtrabackup-v2报错
  3. 真人拳皇项目Alpha阶段的回顾——史经浩
  4. t’触发器真值表和状态方程_清写出触发器按逻辑特性的分类;写出T触发器的状态方程。...
  5. rmi反序列化导致rce漏洞修复_企业安全05-Fastjson =1.2.47反序列化RCE漏洞(CNVD-2019-22238)...
  6. av_seek_frame() 定位为什么不准呢?
  7. 小k娱乐网php,zblog仿小k资源模板Zblogphp系统精仿小k资源网主题模板面世啦!特惠福利...
  8. linux将文件的第二列求和,awk实现第一列相乘,第二列求和,并相加 - 米扑博客...
  9. POJ1144 Network 连通性
  10. javascript对数组的操作
  11. 互联网+传统硬件,乐视与酷派要构建全新生态链?
  12. 2020 cr节目源_2020/8月最新IPTV M3U8直播源分享
  13. web压力测试工具介绍
  14. Openv 线性插值
  15. Iframe的allow属性生效时机
  16. vue element-ui 界面有上下两部分table,拉动改变上下区域大小 关键代码
  17. APK文件如何查看源代码
  18. EXCEL 子母饼图
  19. 前端生成二维码及把页面转为图片保存到本地
  20. 君子慎独,卑以自牧!

热门文章

  1. CaysnPrinter 云打印机MQTT上层通讯协议V1.1_20170624
  2. 计算机关闭后桌面文件丢失,电脑自动关机后桌面文件丢失怎么恢复
  3. 从 hybrid开发----》微前端
  4. 一文读懂关于开源的7大理念
  5. 数据挖掘之决策树归纳算法
  6. 【我的Android进阶之旅】Android混淆踩坑之各模块各自单独配置混淆,但是将minifyEnabled设置为true导致的编译错误
  7. 人机交互技术复习资料
  8. 青龙羊毛——返利好省(脚本+教程)
  9. 将unicode转换成汉字
  10. Python爬虫网易云音乐--JS逆向-补充笔记