精华内容
下载资源
问答
  • Markdown格式如何快速转化为富文本格式? 微信公众号还不能支持Markdown语法,所以从其他平台编写好,导出富文本格式,总是存在着这样那样的困难; 经过网络查找,终于找到了一个解决方法: 这就是将CSDN文章迁移到...

    Markdown格式如何快速转化为富文本格式?

    微信公众号还不能支持Markdown语法,所以从其他平台编写好,导出富文本格式,总是存在着这样那样的困难;

    经过网络查找,终于找到了一个解决方法:

    使用Md2All在线工具转换,访问http://md.aclickall.com/即可。

    这就是将CSDN文章迁移到微信公众号的一个方法
    也就是将Markdown格式转化为富文本格式的一个方法

    详细访问下面的两篇文章:
    Md2All:好用的markdown文件转换工具,文章迁移微信公众号的利器
    Md2All:公众号的Markdown排版利器

    展开全文
  • 富文本 编辑器com格式富文本
  • 富文本编辑

    2014-04-22 19:13:32
    使用富文本编辑器可以对字体进行格式设置,也可以上传附件等。
  • #求助# 百度富文本编辑格式不能多选 选了颜色 再选字体 颜色就不能
  • 富文本编辑集合

    2014-10-23 20:49:24
    多种页面富文本编辑器,所见即所得,挺好用的
  • tinymce富文本编辑

    2018-12-14 10:41:23
    tinymce富文本编辑器集成demo,添加powerpaste插件,支持word、excel带格式粘贴。 演示案例 demo.html
  • 富文本编辑器插件

    2018-09-07 18:56:16
    在使用富文本的时候有一点也很关键就是复制格式化,之前在一款韩国人做的富文本summernote被它的格式化坑的死去活来,但tinymce的去格式化相当的好,它还有一个增值项目就是powerpaste,那是无比的强大,支持从word...
  • ckeditor富文本编辑

    2019-01-04 15:19:56
    ckeditor是一款富文本编辑器,可以在网页中设计网页的格式。就像QQ空间里一样发布日志一样,可以设置文本的颜色,超链接,放图片,等等。
  • php去除富文本编辑器中的内容格式

    千次阅读 2018-11-07 15:01:35
    在新的项目中遇到需要在文章列表页显示文章内容的开头几行纯文字部分,因为后台是通过富文本编辑器添加的文章,直接返回的数据是带有格式的数据,造成列表页样式混乱,所以需要去除格式返回纯文本数据。 /** * ...

    在新的项目中遇到需要在文章列表页显示文章内容的开头几行纯文字部分,因为后台是通过富文本编辑器添加的文章,直接返回的数据是带有格式的数据,造成列表页样式混乱,所以需要去除格式返回纯文本数据。

    /**
     * 去除Html所有标签、空格以及空白,并截取字符串(包括中文)
     * @param  string $string 字符串
     * @param  number $sublength 字符串长度
     * @param  string $encoding 编码方式
     * @param  string $ellipsis 省略号  
     */
    function cutstr_html($string,$sublength,$encoding = 'utf-8',$ellipsis = '…'){
    $string = strip_tags($string);
     $string = trim($string);
     $string = mb_ereg_replace("\t","",$string);
     $string = mb_ereg_replace("\r\n","",$string);
     $string = mb_ereg_replace("\r","",$string);
     $string = mb_ereg_replace("\n","",$string);
     $string = mb_ereg_replace(" ","",$string);
     if(mb_strlen(trim($string),'utf-8') < $sublength){
             return trim($string).$ellipsis;
     }else{
             return mb_strcut(trim($string),0,$sublength,$encoding).$ellipsis;
     }
    }
    //测试字符串
    $str='<p style="microsoft yahei, arial; vertical-align: baseline; list-style-type: none; text-indent: 28px; line-height: 25px; text-align:center;margin-top: 12px; margin-bottom: 12px; padding: 0px; border: 0px; font-size: 14px;color:red;">   fherfhewkolfjlkdsjfld</p>';
    //调用方法测试
    echo cutstr_html($string=$str,$sublength=5,$encoding='utf-8',$ellipsis='...');
    

    这样输出的就是长度为5的纯文本字符串,就可以放在文章列表中显示了。

    展开全文
  • wangEditor富文本编辑器好处:可以吧文本编辑器中的内容转成json格式,方便app、小程序使用 wangEditor官网 wangEditor官方文档 wangEditor官方下载 下载好之后找到wangEditor.js文件。然后引入进去。以下是我...

    wangEditor富文本编辑器好处:可以吧文本编辑器中的内容转成json格式,方便app、小程序使用

    wangEditor官网

    wangEditor官方文档

    wangEditor官方下载

    下载好之后找到wangEditor.js文件。然后引入进去。以下是我使用的一些功能

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <title>wangEditor demo</title>
    </head>
    <body>
    <button id="btn1">BOTTON</button>
    <div id="editor">
        <p>欢迎使用 <b>wangEditor</b> 富文本编辑器</p>
    </div>
    
    <!-- 注意, 只需要引用 JS,无需引用任何 CSS !!!-->
    <script type="text/javascript" src="/wangEditor.min.js"></script>
    <script type="text/javascript">
        var E = window.wangEditor
        var editor = new E('#editor')
        // 或者 var editor = new E( document.getElementById('editor') )
        // 自定义菜单配置
        editor.customConfig.menus = [
            'head',  // 标题
            'bold',  // 粗体
            'fontSize',  // 字号
            'fontName',  // 字体
            'italic',  // 斜体
            'underline',  // 下划线
            'strikeThrough',  // 删除线
            'foreColor',  // 文字颜色
            'backColor',  // 背景颜色
            'list',  // 列表
            'justify',  // 对齐方式
            'quote',  // 引用
            'image',  // 插入图片
            'undo',  // 撤销
            'redo'  // 重复
        ];
        //上传图片接口
        editor.customConfig.uploadImgServer = '/api/upload/upload_images_desc.html';
        editor.create();
        editor.txt.html('<p>用 JS 设置的内容</p>');
        //点击按钮获取对应内容
        document.getElementById('btn1').addEventListener('click', function () {
            var json = editor.txt.getJSON()  // 获取 JSON 格式的内容
            var jsonStr = JSON.stringify(json)
            console.log(json)
            console.log(jsonStr)
            console.log(editor.txt.html()) //获取内容
        })
    
    </script>
    </body>
    </html>

    上传图片接口的返回值格式

    {
        // errno 即错误代码,0 表示没有错误。
        //       如果有错误,errno != 0,可通过下文中的监听函数 fail 拿到该错误码进行自定义处理
        "errno": 0,
    
        // data 是一个数组,返回若干图片的线上地址
        "data": [
            "图片1地址",
            "图片2地址",
            "……"
        ]
    }

    具体请参考刚放文档,不具体细说了!!!!哈哈哈哈

     

     

     

     

    展开全文
  • 其实对于用户来说,Markdown编辑器和富文本编辑器的作用是一样的,功能上也没有什么区别,在Markdown诞生之前大家都是用富文本编辑器的,也没见什么功能不能实现的,两者主要区别在于他们的使用方法上,以及不同技术...

     其实对于用户来说,Markdown编辑器和富文本编辑器的作用是一样的,功能上也没有什么区别,在Markdown诞生之前大家都是用富文本编辑器的,也没见什么功能不能实现的,而两者主要区别在于他们的使用方法上,以及不同技术所带来的行业上的影响。
     下面就让我们来看看详细的比较。

    什么是markdown编辑器,什么是富文本编辑器

     Markdown是这几年才流行起来的编辑器,Markdown使用一套格式标记语言来对文档内容进行排版和格式显示。你需要在写文章的过程中,在需要控制版式的地方插入这些标记,比如你在一段文字前插入#号再加一个空格,表示这一行要以标题的形式显示(字体比较大比较粗比较黑)。而Markdown的标记其实很少,常用的也就十个左右,所以它是一种轻量的标记语言。
     下图就是一个典型的markdown编辑器界面,图中红圈部分中都是markdown的标记语言。图中左边是写作窗口,右边是预览窗口。
    在这里插入图片描述
     富文本编辑器就是大家之前所使用的编辑器,以前大家在网页上写文章或网页后台发布新闻内容一直都是用的富文本编辑器,包括很多论坛上发帖子的文字窗口就是典型的富文本编辑器。可以这么说除了Markdown编辑器,其他的文本编辑窗口基本上都可以归到富文本编辑器。
     富文本编辑器已经有二十多年的历史了。下面是一个典型富文本编辑器,也是本人经常使用的,你是不是以为是office word界面?
    在这里插入图片描述

    误区:

     markdown编辑器或者富文本编辑器都是一种编辑器的类型,并不是指具体某一家的产品。很多非技术人员经常会有一些误解,他会以为markdown编辑器就是CSDN的编辑器,或者就是简书的编辑器,或者就是博客园的编辑器。很多人在比较markdown编辑器与富文本编辑器时,只比较CSDN一家的,或者博客园一家的,这会给新手带来很大的误会。

    从几个角度来比较

    1、功能上

     上文说过了,从功能上讲两者并没有什么区别!
     仔细看看上面两张图,你是不是觉得富文本编辑器的功能甚至比markdown编辑器的功能还要多!
     说富文本编辑器的功能弱的那都是误会,他并没有见到真正的富文本编辑器,类似上图中的富文本编辑器,比较有名气的随便都能列出十几多款。
     如果你觉得上图的富文本编辑器功能还不够强,看到上图左下角的“代码”两个字了么,点进去之后你都能直接修改网页源码,如果你懂HTML那么没有什么功能是你不能实现的!
     在markdown编辑器火起来之前,富文本编辑器统治整个互联网很多年了,成千上万的网页都是它发布出来的,没有什么版式功能弄不出来的。
     如果你觉得富文本编辑器的功能太弱,那一定是你所用的那一家,那一款产品太弱了。而不是富文本编辑器本身功能问题。
     打个比方说,马是世界上公认善跑的动物,然而你碰巧遇到了一只又矮又搓又不能跑的,然后你就认为马都是这样的,,,,你这样的话,马会被你气死的!
     当然,反过来道理也是一样的,markdown编辑器功能也不比富文本编辑器功能少,只是可能碰巧你看到的那一款markdown编辑器功能比较少而已。
     互联网上markdown编辑器也有无数个,markdown标记语言原始版本(或者说标准化版本)所提供的功能只有十多个,但是网上普遍存在的都是扩充版本,几乎每一家的实现都是不太一样的,因为markdown是由每一个网站自由去实现的(当然你可以去拷贝别人做好的)。
     不厌其烦讲这么多,是因为网上对这个问题误解的人实在太多了……

    2、使用难度和方便性

     markdown编辑器毕竟额外多出来一套标记语言,肯定还是要学一下的,虽然十几多个也不多,但要养成这样的写作习惯是要一定时间培养的。
     富文本编辑器使用的是与word类似的所见即所得的排版方式,操作也与word类似,点击鼠标按钮使用相应功能就行。使用上相对比较简单,也比较容易进入状态。
     有些markdown编辑器虽然也可以即时预览,但是都需要另外开窗口的,或者需要另外点击预览,所见即所得方面还是会差一些。

    3、分享和交流

     markdown编辑器有一套标准的标记语言,其内容本身也是纯文本文档,所以在各个支持markdown的网站之间交流起来是很方便的,即使用非markdown编辑器打开也不会有明显错乱感觉。
     Markdown的可贵之处就在于他有一套标准,什么东西一当有了一套大家认可的标准,就比较容易推广和流行。这个实际上也是markdown流行起来的重要原因之一,便于分享交流。
     富文本编辑器每一家的实现都是完全不一样的,如果你把新浪的编辑器里的内容直接拷贝到网易的编辑器里,那版式肯定是有区别的,甚至会位置错乱,往数据库后台保存可能也会出问题。所以富文本编辑器一般都是专用的。

    4、排版的准确性

     如果是两个功能都比较强的富文本编辑器和markdown编辑器,那么排版的准确性和可控性并不会有明显的差别。
     之所以大家觉得markdown编辑器可控性更强,是因为这家网站同时提供的富文本编辑器功能实在太差了。一个网站之所以这么安排并不一定是他们没有这个技术能力提供一个更好的富文本编辑器,往往是一些商业因素,运营策略,甚至是某些人个人喜好,这里就不展开分析了……
     那么,如果是两个功能都很一般富文本编辑器和markdown编辑器,往往markdown编辑器的版式控制性会更强一点。
     然后很不幸地告诉大家,像CSDN、博客园都属于后者,他们都是主推markdown编辑器的,他们提供的富文本编辑器功能都非常弱。简书之前也是主推markdown,后来又改成富文本编辑器了。

    5、直观性

     直观性即“所见即所得”的特性,这方面富文本编辑器肯定是略胜一筹的。因为富文本编辑器天生就是所见即所得的。
     有些网站做的markdown编辑器会在旁边再开一个窗口,可以即时预览排版的效果,但是如果屏幕空间不够大,跟最终效果还是有差别的,另外也会有一点点影响写作。

    最后

     markdown编辑器由于其使用了标记语言,总会给人一种技术化的感觉,事实上也是如此,markdown编辑器一般还是在技术平台和技术人员手中使用比较多,估计这也是简书这两年放弃markdown开始主推富文本编辑器的主要原因吧,因为简书现在主做的不是技术内容。
     虽然markdown编辑器这几年比较火,但从整个网络总量上来说markdown编辑器还是比较小众的。
     最后希望大家找到自己顺手的编辑器。
     随后我还会再写两篇关于编辑器的文章《几款主流好用的markdown编辑器介绍》《几款主流好用的富文本编辑器(所见即所得常用编辑器)介绍》,欢迎一起交流。

    转载请注明原文地址:https://blog.csdn.net/davidhzq/article/details/100755735

    展开全文
  • 小程序实现html代码项目中用到富文本编辑器的内容,但微信小程序默认不支持 html代码,在网上发现 wxParse能够实现富文本编辑器 项目地址:https://github.com/icindy/wxParse下载后用到 wxParse 文件夹,直接拷贝至...
  • 富文本编辑器Kindeditor

    2018-09-07 14:24:33
    什么富文本编辑器? 富文本编辑器,Rich Text Editor, 简称 RTE, 它提供类似于 Microsoft Word 的编辑功能。随着功能的增多,一些常规的文本域已经无法满足人们的需求,富文本的出现使那些不会HTML代码的人们能够...
  • ueditor富文本编辑

    2018-09-16 20:18:20
    这是百度富文本编辑器定制版,该包包含了文字,图片,音频,视频及多种格式文件的编辑,实现了前后端分离,简单易用。
  • 使用中型编辑器mui-mediumeditor的富文本的Material-UI输入字段使用中型编辑器的富文本的Material-UI表单控制输入字段演示这是基于我一直在努力的项目上的一些努力而开始的。 这是有关代码沙箱的演示。 发布该组件后...
  • 富文本编辑器.zip

    2021-01-25 09:51:55
    PyQt5简易富文本编辑器,有传图片需求的别下载。无此功能。
  • 因为项目本身是react写的,这个wangEditor富文本编辑器刚好可用于React项目,且页面看起来比较简洁清爽,故搬运过来作了些配置,完善了上传图片的功能,并添加了将输入文本内容转换为HTML格式和JSON格式的功能。...
  • 富文本编辑器源码

    热门讨论 2012-05-26 10:58:52
    富文本编辑器,Rich Text Editor, 简称 RTE, 它提供类似于 Microsoft Word 的编辑功能,容易被不会编写 HTML 的用户并需要设置各种文本格式的用户所喜爱。它的应用也越来越广泛。最先只有 IE 浏览器支持,其它浏览器...
  • quill 富文本编辑器自定义格式

    千次阅读 2019-04-06 03:49:27
    现在富文本编辑器轮子太多了,Github 上随便搜一下就有一堆,我需要实现的功能很简单,所以就佛系地选了 quilljs,quilljs 是一个轻量级的富文本编辑器。 链接: 官网:quilljs.com/ Github: github....
  • Android富文本编辑

    千次阅读 2020-02-17 11:45:52
    Android富文本编辑器,一款支持撤销、加粗、斜体、下划线、有序无序列表、对齐、改文字大小、改文字颜色、插入图片、插入视频等功能,并且可设置cookie,自定义素材操作菜单的的编辑器。 github地址:...
  • UEditor富文本编辑器去除复制样式实现无格式粘贴 UEditor内置了无格式粘贴的功能,只需要简单的配置即可。 1、修改ueditor.config.js,开启retainOnlyLabelPasted,并设置为true 2、开启pasteplain,并设为true 3、...
  • tinymce富文本编辑器集成demo,添加powerpaste插件,支持word、excel带格式粘贴。demo.html
  • 一个简单的富文本编辑器,可以实现简单的文本格式化,非常简洁易用,直接引用控件就能实现功能。有源码,可以二次开发。
  • 富文本编译器不可编辑

    千次阅读 2019-02-20 15:59:07
    今天遇到一个问题,需要将富文本编译器设置为不可编辑状态,记录下来,以便日后查看。 nicEditors.findEditor(‘textarea_id’).getElm().setAttribute(‘contentEditable’,‘false’); ...
  • react 富文本编辑

    千次阅读 2019-03-18 18:50:50
    re-editor 一个开箱即的React富文本编辑
  • 富文本怎么保存?保存在mysql里面用什么样的类型,还有就是能够获取到富文本的内容(包括标签什么的),json怎么转换,过转义也不行?求助啊!!!!
  • QT 编写Rtf(富文本格式) 文件实例

    千次阅读 2016-01-10 14:11:25
    rtf格式是又叫富文本格式或者多文本格式,RTF是Rich Text Format的缩写,意即丰富的文本格式。在rtf文档中可以嵌入图像等文件,RTF是word为了与其他字处理软件兼容而能够保存的文档格式,类似 DOC格式(Word文档)的...
  • 富文本编辑器CKeditor

    2017-04-23 19:28:36
     富文本编辑器, 它提供类似于 Microsoft Word 的编辑功能,容易被不会编写 HTML 的用户并需要设置各种文本格式的用户所喜爱。例如CKEditor: CKEditor包: 点击打开链接 操界面:  使用方法:  ①(可...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 19,011
精华内容 7,604
关键字:

富文本格式用什么编辑