百度ueditor的使用以及配置

最新推荐文章于 2024-03-18 08:00:00 发布

夏微凉秋微暖

最新推荐文章于 2024-03-18 08:00:00 发布

阅读量1.3k

点赞数

分类专栏：前端技术其他技术 java

本文链接：https://blog.csdn.net/pengbin790000/article/details/85248967

版权

java 同时被 3 个专栏收录

118 篇文章 0 订阅

订阅专栏

其他技术

53 篇文章 0 订阅

订阅专栏

前端技术

28 篇文章 0 订阅

订阅专栏

1.editor_api.js

修改url

2.umeditor.config.js

修改上传

修改添加数学公式

3.添加上传空间需要的jsp以及jar

4.用到数学公式时，还需要mathquill-0.10.1

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>

<!--<link href="../common/js/sortable/app.css" rel="stylesheet" type="text/css"/>
<script src="../common/js/sortable/Sortable.js"></script>-->
<script src="../common/js/jquery/jquery-2.2.0.min.js"></script>
<link href="../common/js/jquery/jquery-ui/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="../common/js/jquery/jquery-ui/jquery-ui.js"></script>

<!--ueditor(图文编辑器)相关-->
<link href="../common/js/ueditor/themes/default/_css/umeditor.css" type="text/css" rel="stylesheet">
<!-- 引入 etpl -->
<script type="text/javascript" charset="utf-8" src="../common/js/ueditor/umeditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="../common/js/ueditor/editor_api.js"></script>
<script type="text/javascript" src="../common/js/ueditor/lang/zh-cn/zh-cn.js"></script>
<link href="../common/js/ueditor/third-party/mathquill/mathquill.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="../common/js/ueditor/third-party/mathquill/mathquill.min.js"></script>
<link href="../common/js/mathquill-0.10.1/mathquill.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="../common/js/mathquill-0.10.1/mathquill.min.js"></script>

<body>
    <div id="text">

    </div>

</body>
<!--ueditor-->



<script type="text/plain" id="myEditor" style="width:100%;height:400px;">

</script>











<script>

/*var MQ = MathQuill.getInterface(2);
MQ.StaticMath($('#problem')[0]);
var answer = MQ.MathField($('#answer')[0], {
    handlers: {
        edit: function() {
            checkAnswer(answer.latex());
        }
    }
});*/


    // 实例化编辑器
    var um = UM.getEditor('myEditor');

    $(function(){
        // um = UM.getEditor('myEditor');

    });

    function save() {
        um.ready(function() {
            /*
             * //设置编辑器的内容 ckum1.setContent('hello'); //获取html内容，返回: <p>hello</p>
             * var html = ue.getContent();
             */
            // 获取纯文本内容，返回: hello
            txt1 = um.getContent();
            console.log(txt1);
            $("#text").html(txt1);
            var MQ = MathQuill.getInterface(2);
            MQ.StaticMath($('#text')[0]);
        });
    }
    //um.destroy();
    //um.setContent($scope.Items.content);


</script>
</html>

夏微凉秋微暖

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
百度ueditor的使用以及配置

1.editor_api.js修改url2.umeditor.config.js修改上传修改添加数学公式3.添加上传空间需要的jsp以及jar4.用到数学公式时，还需要mathquill-0.10.1&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta ch...
复制链接

扫一扫