富文本编辑框的使用
2015-10-31 16:59
357 查看
下载nicEdit富文本编辑框,
把nicEdit.js文件放到public/javascripts/下
新建jade文件:代码如下
doctype html
html
head
title
script(type="text/javascript", src="/javascripts/nicEdit.js")
script(type="text/javascript").
var niceditor;
bkLib.onDomLoaded(function() {
niceditor = new nicEditor({fullPanel : true}).panelInstance('area3');
});
function getStr(){
var str=niceditor.instanceById("area3").getContent()
alert(str);
}
body
textarea(name="area3", id="area3", style="width:500px;height:200px;") hello world
button(name="btn", id="btn", onclick="getStr()") btn
在浏览器访问即可看到显示的富文本编辑器,但是上传图片不能用,接下来需要修改nicEdit.js,
打开nicEdit.js。找到nicURI,把值改成post请求上传图片的方法,如nicURI:"/nicEditUpload"
把nicEdit.js文件放到public/javascripts/下
新建jade文件:代码如下
doctype html
html
head
title
script(type="text/javascript", src="/javascripts/nicEdit.js")
script(type="text/javascript").
var niceditor;
bkLib.onDomLoaded(function() {
niceditor = new nicEditor({fullPanel : true}).panelInstance('area3');
});
function getStr(){
var str=niceditor.instanceById("area3").getContent()
alert(str);
}
body
textarea(name="area3", id="area3", style="width:500px;height:200px;") hello world
button(name="btn", id="btn", onclick="getStr()") btn
在浏览器访问即可看到显示的富文本编辑器,但是上传图片不能用,接下来需要修改nicEdit.js,
打开nicEdit.js。找到nicURI,把值改成post请求上传图片的方法,如nicURI:"/nicEditUpload"
相关文章推荐
- ENVI5.1 从Landsat5数据学习大气纠正
- Android Marshmallow 6.0,Asking For Permission(未校验)
- iOS之CF和OC之间类型转换
- 友好时间输出
- 图片的上传
- C语言 - 数组做函数参数发生了什么?
- node.js+express验证码的实现
- Java线程间通讯
- node.js定时任务:node-schedule的使用
- SQL Server 阻止了对组件 'Ad Hoc Distributed Queries' 的 STATEMENT
- 括号匹配问题
- 关于二维数组和二维指针的理解总结
- C++ fill 和memset
- C++ fill 和memset
- thinkphp 第二节
- linux jni 实现JAVA与C 通讯
- “指针数组的陷阱题”
- Track files and folders manipulation in Windows
- 前端和后端的输入合法性验证
- Tarjan 的应用