关于富文本编辑器

柠檬de海棠 2019-08-07 09:59:13
求各位大神指点，如何在hbuilder中使用富文本编辑器，来达到在html页面左侧输入内容然后点击上面编辑器，然后右边进行移动端显示，急，，，求指点，谢谢
...全文
501 28 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
28 条回复
切换为时间正序
请发表友善的回复…
发表回复
迷阵 2019-08-09
  • 打赏
  • 举报
 回复
https://www.layui.com/doc/modules/layedit.html 试试这个也行，这个也很容易，就是上传图片的配置有点麻烦。 http://www.wangeditor.com/或者这个。文档也是中文
多喝凉白开 2019-08-09
  • 打赏
  • 举报
 回复
右键翻译呀，可以看懂的
柠檬de海棠 2019-08-09
  • 打赏
  • 举报
 回复
引用 18 楼 冲白开水的回复:
[quote=引用 17 楼 dinghaiyan_1997的回复:][quote=引用 15 楼 冲白开水的回复:]froala这个编辑器也挺好用的
求下载地址及使用方法[/quote] www.froala.com 里面有使用教程[/quote] 那个网站怎么全是英文的
柠檬de海棠 2019-08-09
  • 打赏
  • 举报
 回复
引用 18 楼 冲白开水的回复:
[quote=引用 17 楼 dinghaiyan_1997的回复:][quote=引用 15 楼 冲白开水的回复:]froala这个编辑器也挺好用的
求下载地址及使用方法[/quote] www.froala.com 里面有使用教程[/quote] 好的，，谢谢，，，，有不会的再来问哈
多喝凉白开 2019-08-09
  • 打赏
  • 举报
 回复
引用 17 楼 dinghaiyan_1997的回复:
[quote=引用 15 楼 冲白开水的回复:]froala这个编辑器也挺好用的
求下载地址及使用方法[/quote] www.froala.com 里面有使用教程
柠檬de海棠 2019-08-09
  • 打赏
  • 举报
 回复
引用 15 楼 冲白开水的回复:
froala这个编辑器也挺好用的
求下载地址及使用方法
柠檬de海棠 2019-08-09
  • 打赏
  • 举报
 回复
引用 14 楼 迷阵的回复:
[quote=引用 13 楼 dinghaiyan_1997 的回复:] [quote=引用 10 楼 迷阵的回复:][quote=引用 9 楼 dinghaiyan_1997 的回复:] [quote=引用 8 楼 迷阵的回复:]富文本编辑器啊，可以用百度的ueditor。
好的，我试一下，但是是下载插件么？？他怎么在页面的某一个位置显示呢[/quote] 引用它里面的这几个文件。 <link href="~/ueditor/themes/default/css/umeditor.css" type="text/css" rel="stylesheet"> <script type="text/javascript" src="~/ueditor/third-party/jquery.min.js"></script> <script type="text/javascript" charset="utf-8" src="~/ueditor/umeditor.config.js"></script> <script type="text/javascript" charset="utf-8" src="~/ueditor/umeditor.min.js"></script> <script type="text/javascript" src="~/ueditor/lang/zh-cn/zh-cn.js"></script> 然后<script type="text/plain" id="myEditor" style="width:1000px;height:240px;"> <p>这里我可以写一些输入提示</p> </script>这个是显示的地方的代码 [/quote] 我按照这个写完之后，出了点问题，页面中不显示编辑器，并且控制台不报错[/quote] 引用路径对吗？ [/quote] 路径写的是我的路径，但是有的js插件不一样，然后我是不是导少了，还是怎么的，但是控制台应该有提示额啊，并且网络是200，但是最后会出现一个不存在的页面404，我就不太懂了
多喝凉白开 2019-08-09
  • 打赏
  • 举报
 回复
froala这个编辑器也挺好用的
迷阵 2019-08-09
  • 打赏
  • 举报
 回复
引用 13 楼 dinghaiyan_1997 的回复:
[quote=引用 10 楼 迷阵的回复:][quote=引用 9 楼 dinghaiyan_1997 的回复:] [quote=引用 8 楼 迷阵的回复:]富文本编辑器啊，可以用百度的ueditor。
好的，我试一下，但是是下载插件么？？他怎么在页面的某一个位置显示呢[/quote] 引用它里面的这几个文件。 <link href="~/ueditor/themes/default/css/umeditor.css" type="text/css" rel="stylesheet"> <script type="text/javascript" src="~/ueditor/third-party/jquery.min.js"></script> <script type="text/javascript" charset="utf-8" src="~/ueditor/umeditor.config.js"></script> <script type="text/javascript" charset="utf-8" src="~/ueditor/umeditor.min.js"></script> <script type="text/javascript" src="~/ueditor/lang/zh-cn/zh-cn.js"></script> 然后<script type="text/plain" id="myEditor" style="width:1000px;height:240px;"> <p>这里我可以写一些输入提示</p> </script>这个是显示的地方的代码 [/quote] 我按照这个写完之后，出了点问题，页面中不显示编辑器，并且控制台不报错[/quote] 引用路径对吗？
柠檬de海棠 2019-08-09
  • 打赏
  • 举报
 回复
引用 10 楼 迷阵的回复:
[quote=引用 9 楼 dinghaiyan_1997 的回复:] [quote=引用 8 楼 迷阵的回复:]富文本编辑器啊，可以用百度的ueditor。
好的，我试一下，但是是下载插件么？？他怎么在页面的某一个位置显示呢[/quote] 引用它里面的这几个文件。 <link href="~/ueditor/themes/default/css/umeditor.css" type="text/css" rel="stylesheet"> <script type="text/javascript" src="~/ueditor/third-party/jquery.min.js"></script> <script type="text/javascript" charset="utf-8" src="~/ueditor/umeditor.config.js"></script> <script type="text/javascript" charset="utf-8" src="~/ueditor/umeditor.min.js"></script> <script type="text/javascript" src="~/ueditor/lang/zh-cn/zh-cn.js"></script> 然后<script type="text/plain" id="myEditor" style="width:1000px;height:240px;"> <p>这里我可以写一些输入提示</p> </script>这个是显示的地方的代码 [/quote] 我按照这个写完之后，出了点问题，页面中不显示编辑器，并且控制台不报错
柠檬de海棠 2019-08-09
  • 打赏
  • 举报
 回复
引用 11 楼 迷阵的回复:
[quote=引用 9 楼 dinghaiyan_1997 的回复:] [quote=引用 8 楼 迷阵的回复:]富文本编辑器啊，可以用百度的ueditor。
好的，我试一下，但是是下载插件么？？他怎么在页面的某一个位置显示呢[/quote] 啊，要下插件的。哪个版本应该都可以的吧~我用的是.net的~我也在学这个~一起进步呀~[/quote] 哈哈，，好的ヾ ^_^♪
柠檬de海棠 2019-08-09
  • 打赏
  • 举报
 回复
引用 27 楼 潇湘忆梦的回复:
[quote=引用 26 楼 dinghaiyan_1997 的回复:] [quote=引用 25 楼 潇湘忆梦的回复:]富文本编辑器很多例如ueditor、fckeditor、ckeditor，以前总是用fckeditor，但是后来不再更新，Bug频发，就改用ueditor了，这个可扩展性比较强，也可以自己定制一部分属性，算比较好用的啦。 

<!DOCTYPE html>
<html lang="en">
<head>
    <title>完整demo</title>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <script type="text/javascript" charset="utf-8" src="ueditor/1.4.3/ueditor.config.js?v=1109"></script>
    <script type="text/javascript" charset="utf-8" src="ueditor/1.4.3/ueditor.all.min.js"> </script>
    <!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败-->
    <!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文-->
    <script type="text/javascript" charset="utf-8" src="ueditor/1.4.3/lang/zh-cn/zh-cn.js?v=0627"></script>

    <style type="text/css">
        div {
            width: 100%;
        }
    </style>
</head>
<body>
    <div>
        <script id="editor" type="text/plain" style="width:1024px;height:500px;">
        </script>
    </div>
    <script type="text/javascript">
        //实例化编辑器
        //建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor('editor')就能拿到相关的实例
        var ue = UE.getEditor('editor');
    </script>
</body>
</html>
引用路径：
我下载ueditor没有你那个1.4.3那个文件夹，但是你导入js插件时候用到了那个文件夹[/quote] 1.4.3是以前的版本，只是一段路径，如果你没有这层文件夹，调用其他js文件、css文件的时候，路径中不添加就行 [/quote] 我这边现在显示有几个css，js文件404但是有的我都导入了啊，还有几个没找到，
潇湘忆梦 2019-08-09
  • 打赏
  • 举报
 回复
引用 26 楼 dinghaiyan_1997 的回复:
[quote=引用 25 楼 潇湘忆梦的回复:]富文本编辑器很多例如ueditor、fckeditor、ckeditor，以前总是用fckeditor，但是后来不再更新，Bug频发，就改用ueditor了，这个可扩展性比较强，也可以自己定制一部分属性，算比较好用的啦。 

<!DOCTYPE html>
<html lang="en">
<head>
    <title>完整demo</title>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <script type="text/javascript" charset="utf-8" src="ueditor/1.4.3/ueditor.config.js?v=1109"></script>
    <script type="text/javascript" charset="utf-8" src="ueditor/1.4.3/ueditor.all.min.js"> </script>
    <!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败-->
    <!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文-->
    <script type="text/javascript" charset="utf-8" src="ueditor/1.4.3/lang/zh-cn/zh-cn.js?v=0627"></script>

    <style type="text/css">
        div {
            width: 100%;
        }
    </style>
</head>
<body>
    <div>
        <script id="editor" type="text/plain" style="width:1024px;height:500px;">
        </script>
    </div>
    <script type="text/javascript">
        //实例化编辑器
        //建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor('editor')就能拿到相关的实例
        var ue = UE.getEditor('editor');
    </script>
</body>
</html>
引用路径：
我下载ueditor没有你那个1.4.3那个文件夹，但是你导入js插件时候用到了那个文件夹[/quote] 1.4.3是以前的版本，只是一段路径，如果你没有这层文件夹，调用其他js文件、css文件的时候，路径中不添加就行
柠檬de海棠 2019-08-09
  • 打赏
  • 举报
 回复
引用 25 楼 潇湘忆梦的回复:
富文本编辑器很多例如ueditor、fckeditor、ckeditor，以前总是用fckeditor，但是后来不再更新，Bug频发，就改用ueditor了，这个可扩展性比较强，也可以自己定制一部分属性，算比较好用的啦。 

<!DOCTYPE html>
<html lang="en">
<head>
    <title>完整demo</title>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <script type="text/javascript" charset="utf-8" src="ueditor/1.4.3/ueditor.config.js?v=1109"></script>
    <script type="text/javascript" charset="utf-8" src="ueditor/1.4.3/ueditor.all.min.js"> </script>
    <!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败-->
    <!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文-->
    <script type="text/javascript" charset="utf-8" src="ueditor/1.4.3/lang/zh-cn/zh-cn.js?v=0627"></script>

    <style type="text/css">
        div {
            width: 100%;
        }
    </style>
</head>
<body>
    <div>
        <script id="editor" type="text/plain" style="width:1024px;height:500px;">
        </script>
    </div>
    <script type="text/javascript">
        //实例化编辑器
        //建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor('editor')就能拿到相关的实例
        var ue = UE.getEditor('editor');
    </script>
</body>
</html>
引用路径：
我下载ueditor没有你那个1.4.3那个文件夹，但是你导入js插件时候用到了那个文件夹
潇湘忆梦 2019-08-09
  • 打赏
  • 举报
 回复
富文本编辑器很多例如ueditor、fckeditor、ckeditor，以前总是用fckeditor，但是后来不再更新，Bug频发，就改用ueditor了，这个可扩展性比较强，也可以自己定制一部分属性，算比较好用的啦。 

<!DOCTYPE html>
<html lang="en">
<head>
    <title>完整demo</title>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <script type="text/javascript" charset="utf-8" src="ueditor/1.4.3/ueditor.config.js?v=1109"></script>
    <script type="text/javascript" charset="utf-8" src="ueditor/1.4.3/ueditor.all.min.js"> </script>
    <!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败-->
    <!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文-->
    <script type="text/javascript" charset="utf-8" src="ueditor/1.4.3/lang/zh-cn/zh-cn.js?v=0627"></script>

    <style type="text/css">
        div {
            width: 100%;
        }
    </style>
</head>
<body>
    <div>
        <script id="editor" type="text/plain" style="width:1024px;height:500px;">
        </script>
    </div>
    <script type="text/javascript">
        //实例化编辑器
        //建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor('editor')就能拿到相关的实例
        var ue = UE.getEditor('editor');
    </script>
</body>
</html>
引用路径：
XBodhi. 2019-08-09
  • 打赏
  • 举报
 回复
你可以CSDN 这个，直接 扒 JS 就能找到
XBodhi. 2019-08-09
  • 打赏
  • 举报
 回复 
<div class="editor1">

                <div class="comt">

                  <div class="reply">

                    <form accept-charset="UTF-8" action="/posts?topic_id=393058844" class="new_post" enctype="multipart/form-data" id="new_post" method="post" novalidate="novalidate"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓"><input name="authenticity_token" type="hidden" value="68PEX5JuqMKTcr91Z0pgZVN7+ejfndCYrE410VYjHx4="></div>                      <div class="editor">

                        <div><div id="markItUpPost_body" class="markItUp"><div class="tab"> <ul> <li class="edit_btn_wrap hover"><a class="edit_btn_a" href="javascript:void(0);"><span>编辑</span></a></li> <li><a class="preview_btn_a" href="javascript:void(0);"><span>预览</span></a></li> </ul><div class="markItUptips"></div></div><div class="markItUpContainer"><div class="markItUpHeader"><ul><li class="markItUpButton markItUpButton1 bbtn_bold"><a href="" title="粗体">粗体</a></li><li class="markItUpButton markItUpButton2 bbtn_italic"><a href="" title="斜体">斜体</a></li><li class="markItUpButton markItUpButton3 bbtn_underline"><a href="" title="下划线">下划线</a></li><li class="markItUpSeparator">---------------</li><li class="markItUpButton markItUpButton4 bbtn_size not_prompt markItUpDropMenu"><a href="" title="字体大小">字体大小</a><ul style="display: none;"><li class="markItUpButton markItUpButton4-1 col1-1"><a href="" title="12px">12px</a></li><li class="markItUpButton markItUpButton4-2 col1-2"><a href="" title="13px">13px</a></li><li class="markItUpButton markItUpButton4-3 col1-3"><a href="" title="14px">14px</a></li><li class="markItUpButton markItUpButton4-4 col2-1"><a href="" title="16px">16px</a></li><li class="markItUpButton markItUpButton4-5 col2-2"><a href="" title="18px">18px</a></li><li class="markItUpButton markItUpButton4-6 col2-3"><a href="" title="24px">24px</a></li></ul></li><li class="markItUpButton markItUpButton5 bbtn_color not_prompt markItUpDropMenu"><a href="" title="字体颜色">字体颜色</a><ul style="display: none;"><li class="markItUpButton markItUpButton5-1 col1-1"><a href="" title="黑色">黑色</a></li><li class="markItUpButton markItUpButton5-2 col1-2"><a href="" title="褐色">褐色</a></li><li class="markItUpButton markItUpButton5-3 col1-3"><a href="" title="橄榄色">橄榄色</a></li><li class="markItUpButton markItUpButton5-4 col1-4"><a href="" title="深绿">深绿</a></li><li class="markItUpButton markItUpButton5-5 col1-5"><a href="" title="深青">深青</a></li><li class="markItUpButton markItUpButton5-6 col1-6"><a href="" title="深蓝">深蓝</a></li><li class="markItUpButton markItUpButton5-7 col1-7"><a href="" title="靛蓝">靛蓝</a></li><li class="markItUpButton markItUpButton5-8 col1-8"><a href="" title="灰色-80%">灰色-80%</a></li><li class="markItUpButton markItUpButton5-9 col2-1"><a href="" title="深红">深红</a></li><li class="markItUpButton markItUpButton5-10 col2-2"><a href="" title="橙色">橙色</a></li><li class="markItUpButton markItUpButton5-11 col2-3"><a href="" title="深黄">深黄</a></li><li class="markItUpButton markItUpButton5-12 col2-4"><a href="" title="绿色">绿色</a></li><li class="markItUpButton markItUpButton5-13 col2-5"><a href="" title="绿色">绿色</a></li><li class="markItUpButton markItUpButton5-14 col2-6"><a href="" title="蓝色">蓝色</a></li><li class="markItUpButton markItUpButton5-15 col2-7"><a href="" title="蓝-灰">蓝-灰</a></li><li class="markItUpButton markItUpButton5-16 col2-8"><a href="" title="灰色-50%">灰色-50%</a></li><li class="markItUpButton markItUpButton5-17 col3-1"><a href="" title="红色">红色</a></li><li class="markItUpButton markItUpButton5-18 col3-2"><a href="" title="浅橙">浅橙</a></li><li class="markItUpButton markItUpButton5-19 col3-3"><a href="" title="酸橙">酸橙</a></li><li class="markItUpButton markItUpButton5-20 col3-4"><a href="" title="海绿">海绿</a></li><li class="markItUpButton markItUpButton5-21 col3-5"><a href="" title="水绿色">水绿色</a></li><li class="markItUpButton markItUpButton5-22 col3-6"><a href="" title="浅蓝">浅蓝</a></li><li class="markItUpButton markItUpButton5-23 col3-7"><a href="" title="紫罗兰">紫罗兰</a></li><li class="markItUpButton markItUpButton5-24 col3-8"><a href="" title="灰色-40%">灰色-40%</a></li><li class="markItUpButton markItUpButton5-25 col4-1"><a href="" title="粉红">粉红</a></li><li class="markItUpButton markItUpButton5-26 col4-2"><a href="" title="金色">金色</a></li><li class="markItUpButton markItUpButton5-27 col4-3"><a href="" title="黄色">黄色</a></li><li class="markItUpButton markItUpButton5-28 col4-4"><a href="" title="鲜绿">鲜绿</a></li><li class="markItUpButton markItUpButton5-29 col4-5"><a href="" title="青绿">青绿</a></li><li class="markItUpButton markItUpButton5-30 col4-6"><a href="" title="天蓝">天蓝</a></li><li class="markItUpButton markItUpButton5-31 col4-7"><a href="" title="梅红">梅红</a></li><li class="markItUpButton markItUpButton5-32 col4-8"><a href="" title="灰色-25%">灰色-25%</a></li><li class="markItUpButton markItUpButton5-33 col5-1"><a href="" title="玖瑰红">玖瑰红</a></li><li class="markItUpButton markItUpButton5-34 col5-2"><a href="" title="茶色">茶色</a></li><li class="markItUpButton markItUpButton5-35 col5-3"><a href="" title="浅黄">浅黄</a></li><li class="markItUpButton markItUpButton5-36 col5-4"><a href="" title="浅绿">浅绿</a></li><li class="markItUpButton markItUpButton5-37 col5-5"><a href="" title="浅青绿">浅青绿</a></li><li class="markItUpButton markItUpButton5-38 col5-6"><a href="" title="淡蓝">淡蓝</a></li><li class="markItUpButton markItUpButton5-39 col5-7"><a href="" title="淡紫">淡紫</a></li><li class="markItUpButton markItUpButton5-40 col5-8"><a href="" title="白色">白色</a></li></ul></li><li class="markItUpSeparator">---------------</li><li class="markItUpButton markItUpButton6 picture bbtn_picture"><a href="" title="图片">图片</a></li><li class="markItUpButton markItUpButton7 bbtn_link"><a href="" title="链接">链接</a></li><li class="markItUpSeparator">---------------</li><li class="markItUpButton markItUpButton8 bbtn_align_left"><a href="" title="左对齐">左对齐</a></li><li class="markItUpButton markItUpButton9 bbtn_align_center"><a href="" title="居中对齐">居中对齐</a></li><li class="markItUpButton markItUpButton10 bbtn_align_right"><a href="" title="右对齐">右对齐</a></li><li class="markItUpSeparator">---------------</li><li class="markItUpButton markItUpButton11 bbtn_quotes"><a href="" title="引用">引用</a></li><li class="markItUpButton markItUpButton12 bbtn_code not_prompt markItUpDropMenu"><a href="" title="代码">代码</a><ul style="display: none;"><li class="markItUpButton markItUpButton12-1 "><a href="" title="C#">C#</a></li><li class="markItUpButton markItUpButton12-2 "><a href="" title="C/C++">C/C++</a></li><li class="markItUpButton markItUpButton12-3 "><a href="" title="CSS">CSS</a></li><li class="markItUpButton markItUpButton12-4 "><a href="" title="Delphi/Pascal">Delphi/Pascal</a></li><li class="markItUpButton markItUpButton12-5 "><a href="" title="JavaScript">JavaScript</a></li><li class="markItUpButton markItUpButton12-6 "><a href="" title="Java">Java</a></li><li class="markItUpButton markItUpButton12-7 "><a href="" title="Objective C">Objective C</a></li><li class="markItUpButton markItUpButton12-8 "><a href="" title="Perl">Perl</a></li><li class="markItUpButton markItUpButton12-9 "><a href="" title="PHP">PHP</a></li><li class="markItUpButton markItUpButton12-10 "><a href="" title="Python">Python</a></li><li class="markItUpButton markItUpButton12-11 "><a href="" title="Ruby">Ruby</a></li><li class="markItUpButton markItUpButton12-12 "><a href="" title="SQL">SQL</a></li><li class="markItUpButton markItUpButton12-13 "><a href="" title="Visual Basic">Visual Basic</a></li><li class="markItUpButton markItUpButton12-14 "><a href="" title="HTML">HTML</a></li><li class="markItUpButton markItUpButton12-15 "><a href="" title="json">json</a></li><li class="markItUpButton markItUpButton12-16 "><a href="" title="xml">xml</a></li><li class="markItUpButton markItUpButton12-17 "><a href="" title="其他">其他</a></li></ul></li><li class="markItUpSeparator">---------------</li><li class="markItUpButton markItUpButton13 emoticons emoticons_qq markItUpDropMenu"><a href="" title="QQ">QQ</a><ul style="display: none;"><li class="markItUpButton markItUpButton13-1 emoticon emoticon_qq_1"><a href="" title=""></a></li><li class="markItUpButton markItUpButton13-2 emoticon emoticon_qq_2"><a href="" title=""></a></li><li class="markItUpButton markItUpButton13-3 emoticon emoticon_qq_3"><a href="" title=""></a></li><li class="markItUpButton markItUpButton13-4 emoticon emoticon_qq_4"><a href="" title=""></a></li><li class="markItUpButton markItUpButton13-5 emoticon emoticon_qq_5"><a href="" title=""></a></li><li class="markItUpButton markItUpButton13-6 emoticon emoticon_qq_6"><a href="" title=""></a></li><li class="markItUpButton markItUpButton13-7 emoticon emoticon_qq_7"><a href="" title=""></a></li><li class="markItUpButton markItUpButton13-8 emoticon emoticon_qq_8"><a href="" title=""></a></li><li class="markItUpButton markItUpButton13-9 emoticon emoticon_qq_9"><a href="" title=""></a></li><li class="markItUpButton markItUpButton13-10 emoticon emoticon_qq_10"><a href="" title=""></a></li><li class="markItUpButton markItUpButton13-11 emoticon emoticon_qq_11"><a href="" title=""></a></li><li class="markItUpButton markItUpButton13-12 emoticon emoticon_qq_12"><a href="" title=""></a></li><li class="markItUpButton markItUpButton13-13 emoticon emoticon_qq_13"><a href="" title=""></a></li><li class="markItUpButton markItUpButton13-14 emoticon emoticon_qq_14"><a href="" title=""></a></li><li class="markItUpButton markItUpButton13-15 emoticon emoticon_qq_15"><a href="" title=""></a></li><li class="markItUpButton markItUpButton13-16 emoticon emoticon_qq_16"><a href="" title=""></a></li><li class="markItUpButton markItUpButton13-17 emoticon emoticon_qq_17"><a href="" title=""></a></li><li class="markItUpButton markItUpButton13-18 emoticon emoticon_qq_18"><a href="" title=""></a></li><li class="markItUpButton markItUpButton13-19 emoticon emoticon_qq_19"><a href="" title=""></a></li><li class="markItUpButton markItUp
迷阵 2019-08-08
  • 打赏
  • 举报
 回复
引用 9 楼 dinghaiyan_1997 的回复:
[quote=引用 8 楼 迷阵的回复:]富文本编辑器啊，可以用百度的ueditor。
好的，我试一下，但是是下载插件么？？他怎么在页面的某一个位置显示呢[/quote] 啊，要下插件的。哪个版本应该都可以的吧~我用的是.net的~我也在学这个~一起进步呀~
迷阵 2019-08-08
  • 打赏
  • 举报
 回复
引用 9 楼 dinghaiyan_1997 的回复:
[quote=引用 8 楼 迷阵的回复:]富文本编辑器啊，可以用百度的ueditor。
好的，我试一下，但是是下载插件么？？他怎么在页面的某一个位置显示呢[/quote] 引用它里面的这几个文件。 <link href="~/ueditor/themes/default/css/umeditor.css" type="text/css" rel="stylesheet"> <script type="text/javascript" src="~/ueditor/third-party/jquery.min.js"></script> <script type="text/javascript" charset="utf-8" src="~/ueditor/umeditor.config.js"></script> <script type="text/javascript" charset="utf-8" src="~/ueditor/umeditor.min.js"></script> <script type="text/javascript" src="~/ueditor/lang/zh-cn/zh-cn.js"></script> 然后<script type="text/plain" id="myEditor" style="width:1000px;height:240px;"> <p>这里我可以写一些输入提示</p> </script>这个是显示的地方的代码
柠檬de海棠 2019-08-08
  • 打赏
  • 举报
 回复
引用 8 楼 迷阵的回复:
富文本编辑器啊，可以用百度的ueditor。
好的，我试一下，但是是下载插件么？？他怎么在页面的某一个位置显示呢
加载更多回复（8）
几款主流好用的富文本编辑器（所见即所得常用编辑器）介绍
富文本编辑器 　富文本编辑器（Rich Text Editor，RTE）是一种可内嵌于浏览器，所见即所得的文本编辑器。它提供类似于Office Word 的编辑功能，方便那些不太懂HTML用户使用，富文本编辑器的应用非常广泛，它的历史与图文网页诞生的历史几乎一样长。 　作为一个技术人员，手上备上两款富文本编辑器还是很有用的，指不定那个项目就要集成一个进去。到时候现找现用那可就费功夫了，毕竟从开...
关于富文本编辑器的图片处理
不经意间发现项目内有个bug 就是推文详情是使用富文本编辑器处理的，但是富文本编辑器支持的数据又比较局限，上一位前辈并没有把它处理好。于是就出现了如下画面： 文字都在，图不见了 控制台里也看不见 也不知道问题出在哪里了，再看看JS代码吧。 打印content试试： 很明显！content里有img图片！只是富文本编辑器不显示！ 那先排除一下数据问题吧，富文本编辑器只支持img的src属性，数据里用的是data-src，那么我们把content当做字符串处理一下： var content1=content
富文本编辑器涉及到的知识与一些坑
笔者最近在负责公司项目中的富文本编辑器的部分，由于是自己公司的产品，为了性能等方面的考虑要求笔者自己写原生代码实现。过程当中遇到了很多坑，现在来与大家一起交流一下。 目录： 要完成的功能： 富文本编辑器的功能实现 选中后映射属性到属性栏 实现复制粘贴保留样式 涉及到的知识： 富文本编辑器底层实现原理 鼠标选中时获取选中文本的样式集合 过滤粘贴样式 遇到的坑： 获取鼠标选中文本的样式...
Ant Design Pro 4.0学习记录（二）富文本编辑器
二 富文本编辑器 虽然网上有不少关于富文本编辑器的文章，但是针对react的富文本编辑器的介绍确实不够详细。而我要在ant design pro的使用富文本编辑的案例也不是很多。在ant design里有推荐的社区精选组件有react-quill braft-editor，此二款虽然有点先天优势，但我目前的水平还不太够驾驭。没办法只能再寻找他款，我把目光投向tinymce-react，一番使用，...
[2025版最新】推荐几款富文本编辑器，从零基础到精通，收藏这篇就够了！_推荐富文本编辑器
富文本编辑器（Rich Text Editor，RTE）是一种可内嵌于浏览器，所见即所得的文本编辑器。它提供类似于Office Word 的编辑功能，方便那些不太懂HTML用户使用，富文本编辑器的应用非常广泛。作为一个技术人员，选择使用合适的富文本编辑器还是很有用的，以备日后项目集成使用。下面是汇总的7款比较受欢迎的富文本编辑器，大家可以一起来看看！一、Editor.md。
CSS

61,129

社区成员

60,711

社区内容

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章