您的位置:首页 > 其它

富文本编辑框的使用

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"
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: