Medium 样式编辑器 ngMeditor

墨蓝 2022-05-19 07:22 143阅读 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 条评论，143人围观）

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

相关阅读

相关【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 赞/ 126 阅读

相关 leetcode medium

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

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

相关 LeetCode - Medium - 77. Combinations

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

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

相关 LeetCode - Medium - 46. Permutations

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

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

相关 LeetCode - Medium - 78. Subsets

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

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

相关 Medium之178.分数排名

问题编写一个 SQL 查询来实现分数排名。如果两个分数相同，则两个分数排名（Rank）相同。请注意，平分后的下一个名次应该是下一个连续的整数值。换句话说，名次之间不

水深无声/ 2022年10月12日 12:17/ 0 赞/ 201 阅读

相关 Medium 样式编辑器 ngMeditor

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

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

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

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

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

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

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

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

相关 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 赞/ 203 阅读