node.js+express+jade系列七：富文本编辑框的使用

下载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"

后端实现nicEditUpload即可（实现方法如上篇文章），完成后图片上传成功了，但是在编辑器中没有显示不知道怎么解决....以后再弄吧

node.js+express+jade系列七：富文本编辑框的使用

推荐阅读