Medium 样式编辑器 ngMeditor

墨蓝 2022-05-19 07:22 155阅读 0赞

ngMeditor 详细介绍

ngMeditor 是用于 AngularJS 的 Medium 样式编辑器。

特性：

*  Header1-6/Bold/Itatic/underline/(un)order list/hr/justfy.
 *  支持代码输入. 仅需在行开始处输入 \`\`\` ，或格式化它.
 *  支持 Tab 键.
 *  添加空白到 URL 并插入到链接。
 *  扔掉或选择图片插入，或者只从剪切板粘贴，图片存到 QiniuCloud.

使用示例：

<script type="text/javascript" src="bower_components/angular/angular.js"></script>
    <script type="text/javascript" src="bower_components/ng-file-upload/angular-file-upload-shim.js"></script>
    <script type="text/javascript" src="bower_components/ng-file-upload/angular-file-upload.js"></script>
    <script type="text/javascript" src="src/editor.js"></script>
    <link rel="stylesheet" href="src/editor.css">
    <link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.css">
    <ng-meditor ng-model="content" placeholder="placeholder"></ng-meditor>

JS：

//inject ngMeditor directives and services.
    angular.module("ieditor", ['angularFileUpload','ngMeditor']);
    // config
    angular.module("ieditor").run(function ($http, meditorProvider) {
        meditorProvider.config({
                supportCommands:['justfy', 'bold', 'italic', 'underline', 'H1', 'hr', 'code', 'insertOrderedList', 'eraser', 'image', 'fullscreen'],
                qnConfig: {
                    endPoint: 'http://upload.qiniu.com',
                    tokenFunc: function () {
                        return $http.post('/token');
                    }
                }
            }
        );
    })

发表评论取消回复

表情：

评论列表（有 0 条评论，155人围观）

还没有评论，来说两句吧...

相关阅读

相关【medium】120. Triangle

Given a triangle, find the minimum path sum from top to bottom. Each step you may move t

偏执的太偏执、/ 2023年08月17日 17:20/ 0 赞/ 148 阅读

相关 leetcode medium

<table> <tbody> <tr> <td>2</td> <td> <div> <a href="https://leet

待我称王封你为后i/ 2023年06月04日 02:45/ 0 赞/ 40 阅读

相关 Tinymce编辑器从word中粘贴内容，如何对内容进行样式修改？

当从word中粘贴含多个表格的内容时，格式不正确的问题，在网上寻找了很多方法，都没有找到正确的解决方式。效果显示如下图： ![watermark_type_ZmFuZ3poZ

雨点打透心脏的1/2处/ 2023年05月31日 07:52/ 0 赞/ 67 阅读

相关 LeetCode - Medium - 77. Combinations

Topic Backtracking Description [https://leetcode.com/problems/combinations/][h

浅浅的花香味﹌/ 2023年01月04日 14:53/ 0 赞/ 201 阅读

相关 LeetCode - Medium - 46. Permutations

Topic Backtracking Description [https://leetcode.com/problems/permutations/][h

待我称王封你为后i/ 2022年11月16日 13:43/ 0 赞/ 157 阅读

相关 LeetCode - Medium - 78. Subsets

Topic Array Backtracking Bit Manipulation Description [https://leetcode.

曾经终败给现在/ 2022年11月14日 14:44/ 0 赞/ 266 阅读

相关 Medium 样式编辑器 ngMeditor

ngMeditor 详细介绍 ngMeditor 是用于 AngularJS 的 Medium 样式编辑器。特性： Header1-6/Bold/Itatic/u

墨蓝/ 2022年05月19日 07:22/ 0 赞/ 156 阅读

相关 Markdown编辑器文本样式文档

标题 1级标题 2级标题 3级标题四级标题五级标题六级标题文本样式强调文本强调文本加粗文本加粗文本标记文本

待我称王封你为后i/ 2022年03月08日 11:38/ 0 赞/ 302 阅读

相关块UI样式编辑器下实现NX的功能

进入块UI样式编辑器做出如下界面： ![1610393-20190315153335824-2070019909.png][] 在Create\_Block::apply\

古城微笑少年丶/ 2021年12月23日 09:07/ 0 赞/ 324 阅读

相关 1087. Brace Expansion - Medium

A string `S` represents a list of words. Each letter in the word has 1 or more options.

偏执的太偏执、/ 2021年10月23日 15:24/ 0 赞/ 222 阅读