Simditor使用方法
来源:互联网 发布:靠收房租的富二代知乎 编辑:程序博客网 时间:2024/05/20 10:54
一不小心接触到Simditor,瞬间被它优美极简的界面所吸引。Simditor是Tower开源的所见即所得的在线富文本编辑器。
2、在使用Simditor的HTML页面里添加textarea文本框,例如
3、在script中初始化编辑器:
效果如下:
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')});
效果如下:
如果不幸工具栏按钮出现如下样式 则只需去掉html头部<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
中的PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"即可
JSP同理
作者:itmyhome
参考:Simditor官网
13 1
- Simditor使用方法
- Simditor-2.3.6使用方法记录
- 又一HTML编辑器Simditor
- Simditor图片上传
- Simditor的使用
- Simditor图片上传
- 网页文档编辑器--simditor
- Simditor图片上传
- Simditor的快速使用
- Simditor编辑器 SpringMVC上传图片
- Simditor:简单快速的开源富文本编辑器
- angular 使用UEditor或simditor编辑器
- Simditor修改缩进为首行缩进
- simditor 限制图片格式 和 上传图片过慢
- simditor编辑器,图片上传链接替换
- simditor简单快速的富文本编辑器
- 强大的在线编辑器 Tower 开源Simditor
- Simditor上传图片(ASP.NET+JS/Jquery)
- VC中打开一个目录
- 黑马程序员-----java基础 面向对象
- 语法分析器
- Three.js入门
- 新建Web应用程序
- Simditor使用方法
- tomcat7w.exe ,提示 指定的服务未安装 unable to open the service 'tomcat6'
- 如何提升企业网络曝光率?
- 认真是一种能力
- Android--五大布局(1)线性布局LinearLayout
- 手机测试总结----经验总结一
- Fast Uninstall Tool 快速卸载工具 v1.1.0.2345 发布
- UVA 357 - Let Me Count The Ways
- 巧妙的算法世界