精华内容
下载资源
问答
  • 1.优点 轻量级(相比Ueditor) 使用更加简单 操作功能基本可以满足需求 ...$ npm install --save vue-markdown //2.引入 可以在main.js中 import { mavonEditor } from 'mavon-editor' import 'mavon-editor...

    1.优点

    1. 轻量级(相比Ueditor)
    2. 使用更加简单
    3. 操作功能基本可以满足需求

    2.缺点

    1. 没有Ueditor功能齐全

    3.使用方法(步骤)

    1. 安装
    $ npm install --save vue-markdown
    
    1. 引入
    可以在main.js中
    import { mavonEditor } from 'mavon-editor'
    import 'mavon-editor/dist/css/index.css'
    Vue.use(mavonEditor)
    也可以在xxx.vue文件中使用
    <script>
    import { mavonEditor } from 'mavon-editor'
    import 'mavon-editor/dist/css/index.css'
    // 注册组件
    components: {
       mavonEditor
     },
    </script>
    
    1. 页面
    <template>
    	<div class="warp">
    		<mavonEditor
    			@change="getValue"
    			:ishljs = "true"
    			:toolbars='toolbars'
    			ref=md
    			@imgAdd="imgAdd"
    			@imgDel="imgDel">
    		</mavonEditor>
    	</div>
    </template>
    
    1. data中的配置项
    toolbars: {
        bold: true, // 粗体
        italic: true, // 斜体
        header: true, // 标题
        underline: true, // 下划线
        strikethrough: true, // 中划线
        mark: true, // 标记
        superscript: true, // 上角标
        subscript: true, // 下角标
        quote: true, // 引用
        ol: true, // 有序列表
        ul: true, // 无序列表
        link: true, // 链接
        imagelink: true, // 图片链接
        code: true, // code
        table: true, // 表格
        fullscreen: true, // 全屏编辑
        readmodel: true, // 沉浸式阅读
        htmlcode: false, // 展示html源码
        help: false, // 帮助
        /* 1.3.5 */
        undo: true, // 上一步
        redo: true, // 下一步
        trash: true, // 清空
        save: false, // 保存(触发events中的save事件)
        /* 1.4.2 */
        navigation: true, // 导航目录
        /* 2.1.8 */
        alignleft: true, // 左对齐
        aligncenter: true, // 居中
        alignright: true, // 右对齐
        /* 2.2.1 */
        subfield: true, // 单双栏模式
        preview: true // 预览
      }
    

    5)方法集

    methods: {
    	imgDel (pos) {
          delete this.img_file[pos]
        },
        getValue (val) {
          console.log(val)
        },
        // 绑定@imgAdd event
        imgAdd (pos, file) {
          // 第一步.将图片上传到服务器.
          var formdata = new FormData()
          formdata.append('images', file)
          axios({
            url: 'server url',
            method: 'post',
            data: formdata,
            headers: { 'Content-Type': 'multipart/form-data' }
          }).then((url) => {
            // 第二步.将返回的url替换到文本原位置[外链图片转存失败(img-km0CAbRE-1566284198012)(0)] -> [外链图片转存失败(img-Pf2xMUAu-1566284198016)(url)]
          })
        }
    }
    
    

    5)最后呈现的效果图
    在这里插入图片描述

    展开全文
  • Typecho 1.0/0.9用户请在控制台/个人设置中关闭Markdown解析再启用插件 请知晓: 对于使用云存储的用户, 暂时无法通过此插件管理云服务器上的文件. 如果你的Post会经常更改或删除图片,可能会导致多余的图片占用你的云...
  • UEditor开发文档

    2015-12-09 13:07:19
    UEditor是百度开发的富文本编辑器,提供强大的在线编辑功能.由于官方文档都是在线的,所以特意制作了离线版本的文档 注意,该文档需要用火狐浏览器才能查看,或部署到服务器.因为需要加载markdown文件
  • 在项目开发的过程中,免不了使用修改功能,而富文本编辑器是极为方便的一种推荐,当然,个人认为 MarkDown 更为简单,但是感觉暂时只适合程序猿 此文介绍如何在 Laravel5.5 框架中集成使用富文本编辑器 UEditor ...
  • markdown与富文本在线转换

    万次阅读 2020-10-24 10:28:53
    背景:工作中已经习惯markdown,但是有的网站还是使用富文本编辑,就需要将原本的markdown修改为富文本; 1,按照google插件 在谷歌商店应用商店搜索“Markdown Here”并下载安装,如下图 2,在线转换 在富文本...

    背景:工作中已经习惯markdown,但是有的网站还是使用富文本编辑,就需要将原本的markdown修改为富文本;

    1,概念

    Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档。当前许多网站都广泛使用 Markdown 来撰写帮助文档或是用于论坛上发表消息。例如:GitHub、简书、reddit、Diaspora、Stack Exchange、OpenStreetMap 、SourceForge等。
    富文本格式(Rich Text Format, 一般简称为RTF)是由微软公司开发的跨平台文档格式。最大的特点是:所见即所得,你把格式调整成什么样子,就会直接显示出什么样的效果。这一点和words类似。对于习惯“所见即所得”的写作者来说,比较直观,而且省掉预览再返回调整这一步。

    2,markdown—>富文本

    2.1 安装google插件

    在谷歌商店应用商店搜索“Markdown Here”并下载安装,如下图
    在这里插入图片描述

    2.2 在线转换

    在富文本编辑窗口,选择需要转换的markdown内容,然后点击“markdown here”
    在这里插入图片描述

    2.3 效果展示

    在这里插入图片描述

    3,富文本—>markdown

    打开 https://www.bejson.com/convert/ueditor2markdown/,左边粘贴富文本,右边就会同步出现markdown,将右侧内容拷贝到你的富文本编辑框即可。

    在这里插入图片描述

    展开全文
  • UEditor与Editor.md冲突解决方法

    千次阅读 2017-06-13 15:34:33
    写自己的blog的时候,需要同时使用到UEditor富文本编辑和Editor.md作为markdown的编辑入口,但是发现两者貌似有冲突,在同一网页同时加载两者的js文件时会使得Editor.md出现文件加载错误,排版错误等问题,本文给出...

    摘要

    写自己的blog的时候,需要同时使用到UEditor富文本编辑和Editor.md作为markdown的编辑入口,但是发现两者貌似有冲突,在同一网页同时加载两者的js文件时会使得Editor.md出现文件加载错误,排版错误等问题,本文给出了解决办法。

    示例页面

    这里写图片描述

    这里写图片描述

    问题解决办法

    出现排版不对的原因在于JS冲突,所以只需要根据URL或者其他的区分机制来分别加载JS文件即可

    <?php if(isset($_GET['item']) && $_GET['item']=='ueditor') : ?>
        <!-- UEditor -->
        <!-- 配置文件 -->
        <script type="text/javascript" src="<?php echo base_url('third_party/ueditor/ueditor.config.js')?>"></script>
        <!-- 编辑器源码文件 -->
        <script type="text/javascript" src="<?php echo base_url('third_party/ueditor/ueditor.all.js')?>"></script>
    <?php endif; ?>
    
    <?php if(isset($_GET['item']) && $_GET['item']=='markdown') : ?>
        <!-- MD-Editor -->
        <script src="<?php echo base_url('third_party/editor-md/editormd.min.js')?>"></script>
    <?php endif; ?>
    展开全文
  • 代码块语法遵循标准markdown代码,例如: @requires_authorization def somefunc (param1= '' , param2= 0 ) : '''A docstring''' if param1 > param2: # interesting print 'Greater' ...

    一号标题

    二号标题

    无序列表
    - 列表1
    - 列表2

    有序列表
    1 列表3
    2 列表4

    ctrl+R 引入横线,或者手动输入

    引用百科样式

    表格

    项目价格
    Computer$1600
    Phone$12
    Pipe$1

    可以使用冒号来定义对齐方式:

    项目价格数量
    Computer1600 元5
    Phone12 元12
    Pipe1 元234

    定义列表

    项目1 项目2
    定义 A
    定义 B
    项目3
    定义 C
    定义 D

    代码块
    代码块语法遵循标准markdown代码,例如:

    @requires_authorization
    def somefunc(param1='', param2=0):
        '''A docstring'''
        if param1 > param2: # interesting
            print 'Greater'
        return (param2 - param1 + 1) or None
    class SomeClass:
        pass
    >>> message = '''interpreter
    ... prompt'''

    序列图:

    Created with Raphaël 2.1.0 张三 张三 李四 李四 嘿,小四儿, 写博客了没? 李四愣了一下,说: 忙得吐血,哪有时间写。

    流程图:

    Created with Raphaël 2.1.0 开始 我的操作 确认? 结束 yes no

    目录
    [TOC]来生成目录:
    [TOC]

    脚注
    生成一个脚注1.
    快捷键:
    - 加粗 Ctrl + B
    - 斜体 Ctrl + I
    - 引用 Ctrl + Q
    - 插入链接 Ctrl + L
    - 插入代码 Ctrl + K
    - 插入图片 Ctrl + G
    - 提升标题 Ctrl + H
    - 有序列表 Ctrl + O
    - 无序列表 Ctrl + U
    - 横线 Ctrl + R
    - 撤销 Ctrl + Z
    - 重做 Ctrl + Y

    代码:
    这里写图片描述
    这里写图片描述
    这里写图片描述


    1. 这里是 脚注内容.
    展开全文
  • 在项目开发的过程中,免不了使用修改功能,而富文本编辑器是极为方便的一种推荐,此文主要介绍如何在 Laravel5.5 框架中集成使用富文本编辑器 UEditor (个人测试发现,在 ThinkPHP5.1.2 中的配置使用几乎相同,可...
  • 富文本编辑器Ueditor实战(一)

    千次阅读 2021-12-07 21:57:39
    本文简单说明如何在tomcat中部署ueditor,并举例介绍了他的api以及相关工具栏,用户可以根据需要进行调整。
  • 3)typecho后台---控制台---个人设置---关闭使用 Markdown 语法编辑和解析内容功能。 4)typecho后台---控制台---插件---开启UEditor插件。 详情可以查看:http://www.jyboke.com/typecho/42.html
  • 转载:https://blog.csdn.net/davidhzq/article/details/100755735
  • MarkdownMarkdown格式

    2020-05-13 10:34:41
    markdown扩展: markdown all in one 1. 编辑 1.1. 文本样式 编写 *强调文本* _强调文本_ **加粗文本** __加粗文本__ ==标记文本== ~~删除文本~~ > 引用文本 H~2~O is是液体。 2^10^ 运算结果是 1024。 ...
  • 项目地址简书不支持markdown其他站点的外链很遗憾整合过程后端改造因为项目使用的springboot框架,而UEditor对于java后端的支持仅仅是给了一个jsp文件。因此,需要对该文件进行一下处理,修改为面向springboot的统一...
  • 在做自己项目的时候,再选择富文本编辑器的时候小小的纠结了一下,之前的项目大多使用的是百度的Ueditor,但是自己的练习项目上面再使用这个那么练习就变得毫无意义,所以选择了CKeditor编辑器(文档纯英文所以不是...
  • Laravel 框架集成 UEditor 编辑器

    千次阅读 2019-02-18 20:39:07
    在项目开发的过程中,免不了使用修改功能,而富文本编辑器是极为方便的一种推荐,当然,个人认为 MarkDown 更为简单,但是感觉暂时只适合程序猿 此文介绍如何在 Laravel5.5 框架中集成使用富文本编辑器 UEditor ...
  • freemark+UEditor+SpringBoot

    2019-04-04 23:33:16
    参考 https://blog.csdn.net/weixin_34023982/article/details/88273308 ####依赖 <!--ueditor --> <dependency> <groupId>com.gitee.qdbp.thirdparty</groupId> ...
  • 如何在vue3.0项目中使用ueditor上传图片并回显 含token(vue+vue-ueditor-wrap)欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的...
  • 编辑器记录欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右...
  • 关于富文本markdown编辑器

    千次阅读 2018-01-29 22:05:14
    1、UEditor 百度的。 优点:插件多,基本满足各种需求,类似贴吧中的回复界面。 缺点:不再维护,文档极少,使用并不普遍,图片只能上传到本地服务器,如果需要上传到其他服务器需要改动源码,较为难办,加载速度...
  • ---markdown---博客系统如何用markdown发布文章?本人最近用markdown写笔记,突然爱上了这种码字风格。想把自己项目的文章发布系统也...所以一直网上寻找着是否存在像Ueditor那样嵌入到项目中就可以markdown插件?答...
  • 需要下载的包 "mavon-editor": "^2.9.1", "github-markdown-css": "^4.0.0", 在main里面引入 import mavonEditor from 'mavon-editor' //引入mavon-editor 就是上面所安装的 Vue.use(mavonEditor) //让Vue使用...
  • 官网:http://pandao.github.io/editor.md/Editor.md的安装使用:基本使用markdown是相当简单的,比ueditor还要简单,从git上下载回来的Editor.md是1.5版,压缩包里有分门别类详细的文件夹。在examples文件夹中有一...
  • 在项目开发的过程中,免不了使用修改功能,而富文本编辑器是极为方便的一种推荐,当然,个人认为 MarkDown 更为简单,但是感觉暂时只适合程序猿 此文介绍如何在 Laravel5.5 框架中集成使用富文本编辑器 UEditor ...
  • springboot 集成百度编辑器ueditor

    万次阅读 2018-07-27 20:38:38
    最简单的方式集成百度编辑器 1.下载百度编辑器源码 2. springboot静态资源配置在...3.主要修改几个配置文件,首先修改 ueditor.config.js文件,主要修改serverUrl这个参数,这个参数就是你的项目请求路径,...
  • 很详细的SpringBoot整合UEditor教程 2017年04月10日 20:27:21小宝2333阅读数:21529 版权声明:本文为博主原创文章,未经博主允许不得转载。 ...
  • idea插件之——在markdown复制粘贴图片 Markdown paste image 每次在idea的markdown中要粘贴图片的时候,要么复制链接,要么需要将软件手动上传到七牛云,本人根据了holgerbrandl/pasteimages这 ... 上传文件的三种...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 506
精华内容 202
关键字:

markdownueditor