zoukankan      html  css  js  c++  java
  • 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="500px;height:200px;") hello world
            button(name="btn", id="btn", onclick="getStr()") btn

    在浏览器访问即可看到显示的富文本编辑器,但是上传图片不能用,接下来需要修改nicEdit.js,

    打开nicEdit.js。找到nicURI,把值改成post请求上传图片的方法,如nicURI:"/nicEditUpload"

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

  • 相关阅读:
    delphi快捷键
    Delphi代码规范
    Hibernate通用Dao
    SpringData初探
    Windows下shell神器
    正则语法总结
    nodejs的npm命令无反应的解决方案
    JavaScript中,返回上一个页面时,如何保证上一个页面的不刷新?
    js上传图片
    正则匹配结果取反(正则中的前瞻,负向前瞻与后顾)
  • 原文地址:https://www.cnblogs.com/ajun/p/3559738.html
Copyright © 2011-2022 走看看