x-mavon-editor 0.0.1

package/src/dev/assets/lang/zh-CN/words_zh-CN.json

@@ -0,0 +1,54 @@
+{
+  "start_editor": "开始编辑...",
+  "navigation_title": "导航目录",
+  "tl_bold": "粗体",
+  "tl_italic": "斜体",
+  "tl_header": "标题",
+  "tl_header_one": "一级标题",
+  "tl_header_two": "二级标题",
+  "tl_header_three": "三级标题",
+  "tl_header_four": "四级标题",
+  "tl_header_five": "五级标题",
+  "tl_header_six": "六级标题",
+  "tl_underline": "下划线",
+  "tl_strikethrough": "中划线",
+  "tl_mark": "标记",
+  "tl_superscript": "上角标",
+  "tl_subscript": "下角标",
+  "tl_quote": "段落引用",
+  "tl_ol": "有序列表",
+  "tl_ul": "无序列表",
+  "tl_link": "链接",
+  "tl_image": "添加图片链接",
+  "tl_code": "代码块",
+  "tl_table": "表格",
+  "tl_undo": "上一步",
+  "tl_redo": "下一步",
+  "tl_trash": "清空",
+  "tl_save": "保存",
+  "tl_navigation_on": "开启标题导航",
+  "tl_navigation_off": "关闭标题导航",
+  "tl_preview": "预览",
+  "tl_aligncenter": "居中",
+  "tl_alignleft": "居左",
+  "tl_alignright": "居右",
+  "tl_edit": "编辑",
+  "tl_single_column": "单栏",
+  "tl_double_column": "双栏",
+  "tl_fullscreen_on": "全屏编辑",
+  "tl_fullscreen_off": "退出全屏",
+  "tl_read": "沉浸式阅读",
+  "tl_html_on": "查看html文本",
+  "tl_html_off": "返回markdown文本",
+  "tl_help": "markdown语法帮助",
+  "tl_upload": "上传图片",
+  "tl_upload_remove": "删除",
+  "tl_popup_link_title": "添加链接",
+  "tl_popup_link_text": "链接描述",
+  "tl_popup_link_addr": "链接地址",
+  "tl_popup_img_link_title": "添加图片",
+  "tl_popup_img_link_text": "图片描述",
+  "tl_popup_img_link_addr": "图片链接",
+  "tl_popup_link_sure": "确定",
+  "tl_popup_link_cancel": "取消"
+}

package/src/dev/assets/lang/zh-TW/help_zh-TW.md

@@ -0,0 +1,198 @@
+@[toc](目錄)
+
+Markdown 語法簡介
+=============
+> [語法詳解](http://commonmark.org/help/)
+
+## **粗體**
+```
+**粗體**
+__粗體__
+```
+## *斜體*
+```
+*斜體*
+_斜體_
+```
+## 標題
+```
+# 一級標題 #
+一級標題
+====
+## 二級標題 ##
+二級標題
+----
+### 三級標題 ###
+#### 四級標題 ####
+##### 五級標題 #####
+###### 六級標題 ######
+```
+## 分割線
+```
+***
+---
+```
+****
+## ^上^角~下~標
+```
+上角標 x^2^
+下角標 H~2~0
+```
+## ++下劃線++ ~~中劃線~~
+```
+++下劃線++
+~~中劃線~~
+```
+## ==標記==
+```
+==標記==
+```
+## 段落引用
+```
+> 一級
+>> 二級
+>>> 三級
+...
+```
+
+## 列表
+```
+有序列表
+1.
+2.
+3.
+...
+無序列表
+-
+-
+...
+```
+
+## 任務列表
+
+- [x] 已完成任務
+- [ ] 未完成任務
+
+```
+- [x] 已完成任務
+- [ ] 未完成任務
+```
+
+## 鏈接
+```
+[鏈接](www.baidu.com)
+![圖片描述](http://www.image.com)
+```
+## 代碼段落
+\``` type
+
+代碼段落
+
+\```
+
+\` 代碼塊 \`
+
+```c++
+int main()
+{
+    printf("hello world!");
+}
+```
+`code`
+## 表格(table)
+```
+| 標題1 | 標題2 | 標題3 |
+| :--  | :--: | ----: |
+| 左對齊 | 居中 | 右對齊 |
+| ---------------------- | ------------- | ----------------- |
+```
+| 標題1 | 標題2 | 標題3 |
+| :--  | :--: | ----: |
+| 左對齊 | 居中 | 右對齊 |
+| ---------------------- | ------------- | ----------------- |
+## 腳註(footnote)
+```
+hello[^hello]
+```
+
+見底部腳註[^hello]
+
+[^hello]: 一個註腳
+
+## 表情(emoji)
+[參考網站: https://www.webpagefx.com/tools/emoji-cheat-sheet/](https://www.webpagefx.com/tools/emoji-cheat-sheet/)
+```
+:laughing:
+:blush:
+:smiley:
+:)
+...
+```
+:laughing::blush::smiley::)
+
+## $\KaTeX$公式
+
+我們可以渲染公式例如：$x_i + y_i = z_i$和$\sum_{i=1}^n a_i=0$
+我們也可以單行渲染
+$$\sum_{i=1}^n a_i=0$$
+具體可參照[katex文檔](http://www.intmath.com/cg5/katex-mathjax-comparison.php)和[katex支持的函數](https://github.com/Khan/KaTeX/wiki/Function-Support-in-KaTeX)以及[latex文檔](https://math.meta.stackexchange.com/questions/5020/mathjax-basic-tutorial-and-quick-reference)
+
+## 布局
+
+::: hljs-left
+`::: hljs-left`
+`居左`
+`:::`
+:::
+
+::: hljs-center
+`::: hljs-center`
+`居中`
+`:::`
+:::
+
+::: hljs-right
+`::: hljs-right`
+`居右`
+`:::`
+:::
+
+## 定義
+
+術語一
+
+:   定義一
+
+包含有*行內標記*的術語二
+
+:   定義二
+
+        {一些定義二的文字或代碼}
+
+    定義二的第三段
+
+```
+術語一
+
+:   定義一
+
+包含有*行內標記*的術語二
+
+:   定義二
+
+        {一些定義二的文字或代碼}
+
+    定義二的第三段
+
+```
+
+## abbr
+*[HTML]: Hyper Text Markup Language
+*[W3C]:  World Wide Web Consortium
+HTML 規範由 W3C 維護
+```
+*[HTML]: Hyper Text Markup Language
+*[W3C]:  World Wide Web Consortium
+HTML 規範由 W3C 維護
+```
+

package/src/dev/assets/lang/zh-TW/words_zh-TW.json

@@ -0,0 +1,54 @@
+{
+  "start_editor": "開始編輯...",
+  "navigation_title": "導航目錄",
+  "tl_bold": "粗體",
+  "tl_italic": "斜體",
+  "tl_header": "標題",
+  "tl_header_one": "一級標題",
+  "tl_header_two": "二級標題",
+  "tl_header_three": "三級標題",
+  "tl_header_four": "四級標題",
+  "tl_header_five": "五級標題",
+  "tl_header_six": "六級標題",
+  "tl_underline": "下劃線",
+  "tl_strikethrough": "中劃線",
+  "tl_mark": "標記",
+  "tl_superscript": "上角標",
+  "tl_subscript": "下角標",
+  "tl_quote": "段落引用",
+  "tl_ol": "有序列表",
+  "tl_ul": "無序列表",
+  "tl_link": "鏈接",
+  "tl_image": "添加圖片鏈接",
+  "tl_code": "代碼塊",
+  "tl_table": "表格",
+  "tl_undo": "上一步",
+  "tl_redo": "下一步",
+  "tl_trash": "清空",
+  "tl_save": "保存",
+  "tl_navigation_on": "開啟標題導航",
+  "tl_navigation_off": "關閉標題導航",
+  "tl_preview": "預覽",
+  "tl_aligncenter": "居中",
+  "tl_alignleft": "居左",
+  "tl_alignright": "居右",
+  "tl_edit": "編輯",
+  "tl_single_column": "單欄",
+  "tl_double_column": "雙欄",
+  "tl_fullscreen_on": "全屏編輯",
+  "tl_fullscreen_off": "退出全屏",
+  "tl_read": "沈浸式閱讀",
+  "tl_html_on": "查看html文本",
+  "tl_html_off": "返回markdown文本",
+  "tl_help": "markdown語法幫助",
+  "tl_upload": "上傳圖片",
+  "tl_upload_remove": "刪除",
+  "tl_popup_link_title": "添加鏈接",
+  "tl_popup_link_text": "鏈接描述",
+  "tl_popup_link_addr": "鏈接地址",
+  "tl_popup_img_link_title": "添加圖片",
+  "tl_popup_img_link_text": "圖片描述",
+  "tl_popup_img_link_addr": "圖片鏈接",
+  "tl_popup_link_sure": "確定",
+  "tl_popup_link_cancel": "取消"
+}

package/src/dev/demo.vue

@@ -0,0 +1,46 @@
+<template>
+  <div>
+    <div class="navigate">
+      <span @click="viewIndex = 1">Full demo</span>
+      <span @click="viewIndex = 2">Simple demo</span>
+    </div>
+    <div>
+      <App v-if="viewIndex == 1"></App>
+      <Editor v-else-if="viewIndex == 2"></Editor>
+    </div>
+  </div>
+</template>
+
+<script>
+import app from './app.vue';
+import editor from './editor.vue';
+
+export default {
+  name: 'demo',
+  components: {
+    App: app,
+    Editor: editor
+  },
+  data() {
+    return {
+      viewIndex: 1
+    };
+  }
+};
+</script>
+<style>
+.navigate {
+  text-align: center;
+  font-size: 18px;
+  color: blue;
+}
+
+.navigate span {
+  margin-right: 5px;
+}
+
+.navigate span:hover {
+  cursor: pointer;
+  font-weight: bolder;
+}
+</style>

package/src/dev/editor.vue

@@ -0,0 +1,63 @@
+<template>
+    <div class="container">
+        <div id="editor">
+            <mavon-editor style="height: 100%" v-model="code" :codeStyle="codeStyle" :xssOptions="xssOptions"></mavon-editor>
+        </div>
+        <div class="switch-code-style">
+            <span>code style:</span>
+            <select v-model="codeStyle">
+                <option v-for="(val, key) in styles" :value="key">{{ key }}</option>
+            </select>
+        </div>
+    </div>
+</template>
+<script>
+import styles from '../lib/core/hljs/lang.hljs.css.js'
+
+const code = `java
+/**
+ * @author John Smith <john.smith@example.com>
+*/
+package l2f.gameserver.model;
+
+public abstract strictfp class L2Char extends L2Object {
+  public static final Short ERROR = 0x0001;
+
+  public void moveTo(int x, int y, int z) {
+    _ai = null;
+    log("Should not be called");
+    if (1 > 5) { // wtf!?
+      return;
+    }
+  }
+}`;
+
+module.exports = {
+    name: 'editor',
+    data: function () {
+        return {
+            codeStyle: "github",
+            styles,
+            code: '<span style="color:red;font-size:36px;">A</span> \n```' + code + '\n```',
+            xssOptions:{
+                whiteList: {
+                    span: ['style']
+                }
+            }
+        };
+    }
+}
+</script>
+<style>
+.container {
+    margin: auto;
+    width: 80%;
+}
+#editor {
+    height: 580px;
+}
+.switch-code-style {
+    margin-top: 10px;
+    font-size: 16px;
+}
+</style>

package/src/dev/index.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>md-test</title>
+    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
+</head>
+<body>
+    <div id="main">
+    </div>
+</body>
+</html>

package/src/dev/index.js

@@ -0,0 +1,20 @@
+/**
+ * @Author: HuaChao Chen <CHC>
+ * @Date:   2017-05-04T23:26:08+08:00
+ * @Email:  chenhuachaoxyz@gmail.com
+ * @Filename: index.js
+ * @Last modified by:   chc
+ * @Last modified time: 2017-11-25T12:14:56+08:00
+ * @License: MIT
+ * @Copyright: 2017
+ */
+
+import Vue from 'vue';
+var demo = require('./demo.vue');
+var sMd = require('../index.js');
+
+Vue.use(sMd);
+var app = new Vue({
+  el: '#main',
+  render: (h) => h(demo)
+});

package/src/index.js

@@ -0,0 +1,25 @@
+/**
+ * Created by zhy on 2017/4/1.
+ */
+'use strict';
+
+/**
+ * mavonEditor
+ * @author hinesboy
+ */
+const mavonEditor = require('./mavon-editor.vue');
+const VueMavonEditor = {
+    /**
+     * @deprecated
+     * @see mavonEditor.getMarkdownIt()
+     */
+    markdownIt: mavonEditor.mixins[0].data().markdownIt,
+    mavonEditor: mavonEditor,
+    LeftToolbar: require('./components/md-toolbar-left'),
+    RightToolbar: require('./components/md-toolbar-right'),
+    install: function(Vue) {
+        Vue.component('mavon-editor', mavonEditor);
+    }
+};
+
+module.exports = VueMavonEditor;

package/src/lib/config.js

@@ -0,0 +1,79 @@
+/**
+ * @Author: HuaChao Chen <CHC>
+ * @Date:   2017-05-06T21:40:39+08:00
+ * @Email:  chenhuachaoxyz@gmail.com
+ * @Filename: config.js
+ * @Last modified by:   CHC
+ * @Last modified time: 2017-05-06T22:12:49+08:00
+ * @License: MIT
+ * @Copyright: 2017
+ * @desc 初始化配置项
+ */
+
+import help_zh_CN from './lang/zh-CN/help_zh-CN.md'
+import help_zh_TW from './lang/zh-TW/help_zh-TW.md'
+import help_en from './lang/en/help_en.md'
+import help_fr from './lang/fr/help_fr.md'
+import help_pt_BR from './lang/pt-BR/help_pt-BR.md'
+import help_ru from './lang/ru/help_ru.md'
+import help_de from './lang/de/help_de.md'
+import help_ja from './lang/ja/help_ja.md'
+
+import words_zh_CN from './lang/zh-CN/words_zh-CN.json'
+import words_zh_TW from './lang/zh-TW/words_zh-TW.json'
+import words_en from './lang/en/words_en.json'
+import words_fr from './lang/fr/words_fr.json'
+import words_pt_BR from './lang/pt-BR/words_pt-BR.json'
+import words_ru from './lang/ru/words_ru.json'
+import words_de from './lang/de/words_de.json'
+import words_ja from './lang/ja/words_ja.json'
+export const CONFIG = {
+    'help_zh-CN': help_zh_CN,
+    'help_zh-TW': help_zh_TW,
+    'help_pt-BR': help_pt_BR,
+    'help_en': help_en,
+    'help_fr': help_fr,
+    'help_ru': help_ru,
+    'help_de': help_de,
+    'help_ja': help_ja,
+    'words_zh-CN': words_zh_CN,
+    'words_zh-TW': words_zh_TW,
+    'words_pt-BR': words_pt_BR,
+    'words_en': words_en,
+    'words_fr': words_fr,
+    'words_ru': words_ru,
+    'words_de': words_de,
+    'words_ja': words_ja,
+    'langList': ['en', 'zh-CN', 'zh-TW', 'fr', 'pt-BR', 'ru', 'de', 'ja'],
+    '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,
+        'table': true,
+        'undo': true,
+        'redo': true,
+        'trash': true,
+        'save': true,
+        'alignleft': true,
+        'aligncenter': true,
+        'alignright': true,
+        'navigation': true,
+        'subfield': true,
+        'fullscreen': true,
+        'readmodel': true,
+        'htmlcode': true,
+        'help': true,
+        'preview': true
+    }
+};