'
+ + '
'
+ };
+
+ /**
+ * [uploadFile 文件上传]
+ * @param {[type]} files [文件列表]
+ * @param {[type]} vm [vm对象]
+ * @param {[type]} type [image/file]
+ */
+ function uploadFile(files, vm){
+ for(var i = 0, it; it = files[i++];){
+ if(openType === 'image' && !/image/.test(it.type)){
+ continue
+ }
+ var idx = vm.uploadFile.length,
+ upload = new Uploader(vm.uploadUrl || ME.uploadUrl)
+
+
+ vm.uploadFile.push({name: it.name, progress: '0%', url: ''})
+ upload.field(openType, it)
+ .onProgress(function(val){
+ vm.uploadFile[idx].progress = val + '%'
+ }).onEnd(function(json){
+ vm.uploadFile[idx].url = json.data.url
+ }).start()
+ }
+ }
+
+ function getAttach(vm, cb){
+ var xhr = new XMLHttpRequest(),
+ url = vm.manageUrl || ME.manageUrl;
+
+ if(/\?/.test(url)){
+ url += '&type=' + openType
+ }else{
+ url += '?type=' + openType
+ }
+ url += '&t=' + Math.random()
+
+ xhr.open('GET', url, true)
+ xhr.onreadystatechange = function(){
+ if(this.readyState === 4 &&
+ this.status === 200 &&
+ this.responseText !== ''){
+ var res = this.responseText
+ try{
+ res = JSON.parse(res)
+ }catch(err){}
+ cb(res)
+ }else{
+ if(this.status !== 200 && this.responseText)
+ console.error(this.responseText)
+ }
+ }
+ xhr.send()
+ }
+
+ function showDialog(elem, vm){
+ opened = true
+ var offset = yua(elem).offset(),
+ layid = layer.open({
+ type: 7,
+ menubar: false,
+ shade: false,
+ offset: [offset.top + 37],
+ tab: 2,
+ attach: '',
+ attachAlt: '',
+ uploadFile: [], //当前上传的列表
+ attachList: [], //附件管理列表
+ $switch: function(id){
+ var lvm = yua.vmodels[layid]
+
+ lvm.tab = id
+ if(id === 3){
+ lvm.attachList.clear()
+ if(cache[openType].length){
+ lvm.attachList = cache[openType]
+ }else{
+ getAttach(vm, function(json){
+ if(json){
+ cache[openType] = json.data.list.map(function(it){
+ it.thumb = openType === 'image' ? '- '
+ + '
- ' + + '' + lang[openType][0] +'' + + '本地上传' + + '' + lang[openType][1] + '' + + '' + + ' ' + + '
- '
+ + '' + + '' + + '
'+ lang[openType][2] + '' + + '' + + ' ' + + ''+ lang[openType][3] + '' + + '' + + ' ' + + '' + + '确定' + + ' ' + + '' + + '' + + '选择文件' + + '- '
+ + '
- 文件名上传进度操作 ' + + '
- ' + + '' + + '' + + '插入' + + ' ' + + '
- '
+ + '
- ' + + '' + + '' + + ' ' + + '
'
+ + '
- '
+ + '
- 一级标题 ' + + '
- 二级标题 ' + + '
- 三级标题 ' + + '
- 四级标题 ' + + '
- 五级标题 ' + + '
- 六级标题 ' + + '
'
+ + '链接文字'
+ + ''
+ + ' '
+ + '链接地址'
+ + ''
+ + ' '
+ + ''
+ + ''
+ + ''
+ + ' '
+ + ''
+ + '确定'
+ + ' '
+ + '
'
+ })
+ },
+ time: function(elem, vm){
+ ME.insert(vm.$editor, new Date().format())
+ },
+ face: function(elem, vm){
+ var offset = yua(elem).offset(),
+ faceid = 0,
+ layid = layer.open({
+ type: 7,
+ title: '插入表情',
+ fixed: true,
+ shadeClose: true,
+ arr: getOrderArr(36),
+ offset: [offset.top + 37, 'auto', 'auto', offset.left],
+ content: '- '
+ + '
- '
+ + '
- ' + + '
'
+ + '
'
+ })
+ }
+
+ }
+
+})
\ No newline at end of file
diff --git a/js/lib/meditor/addon/face/0.gif b/js/lib/meditor/addon/face/0.gif
new file mode 100644
index 0000000..f84ea24
Binary files /dev/null and b/js/lib/meditor/addon/face/0.gif differ
diff --git a/js/lib/meditor/addon/face/1.gif b/js/lib/meditor/addon/face/1.gif
new file mode 100644
index 0000000..ea55622
Binary files /dev/null and b/js/lib/meditor/addon/face/1.gif differ
diff --git a/js/lib/meditor/addon/face/10.gif b/js/lib/meditor/addon/face/10.gif
new file mode 100644
index 0000000..05f39cf
Binary files /dev/null and b/js/lib/meditor/addon/face/10.gif differ
diff --git a/js/lib/meditor/addon/face/11.gif b/js/lib/meditor/addon/face/11.gif
new file mode 100644
index 0000000..c73c5c1
Binary files /dev/null and b/js/lib/meditor/addon/face/11.gif differ
diff --git a/js/lib/meditor/addon/face/12.gif b/js/lib/meditor/addon/face/12.gif
new file mode 100644
index 0000000..3f52e3c
Binary files /dev/null and b/js/lib/meditor/addon/face/12.gif differ
diff --git a/js/lib/meditor/addon/face/13.gif b/js/lib/meditor/addon/face/13.gif
new file mode 100644
index 0000000..ed2dac2
Binary files /dev/null and b/js/lib/meditor/addon/face/13.gif differ
diff --git a/js/lib/meditor/addon/face/14.gif b/js/lib/meditor/addon/face/14.gif
new file mode 100644
index 0000000..e602647
Binary files /dev/null and b/js/lib/meditor/addon/face/14.gif differ
diff --git a/js/lib/meditor/addon/face/15.gif b/js/lib/meditor/addon/face/15.gif
new file mode 100644
index 0000000..627ce21
Binary files /dev/null and b/js/lib/meditor/addon/face/15.gif differ
diff --git a/js/lib/meditor/addon/face/16.gif b/js/lib/meditor/addon/face/16.gif
new file mode 100644
index 0000000..18025fc
Binary files /dev/null and b/js/lib/meditor/addon/face/16.gif differ
diff --git a/js/lib/meditor/addon/face/17.gif b/js/lib/meditor/addon/face/17.gif
new file mode 100644
index 0000000..280d848
Binary files /dev/null and b/js/lib/meditor/addon/face/17.gif differ
diff --git a/js/lib/meditor/addon/face/18.gif b/js/lib/meditor/addon/face/18.gif
new file mode 100644
index 0000000..062d2ab
Binary files /dev/null and b/js/lib/meditor/addon/face/18.gif differ
diff --git a/js/lib/meditor/addon/face/19.gif b/js/lib/meditor/addon/face/19.gif
new file mode 100644
index 0000000..c4d0bf1
Binary files /dev/null and b/js/lib/meditor/addon/face/19.gif differ
diff --git a/js/lib/meditor/addon/face/2.gif b/js/lib/meditor/addon/face/2.gif
new file mode 100644
index 0000000..5ee1c51
Binary files /dev/null and b/js/lib/meditor/addon/face/2.gif differ
diff --git a/js/lib/meditor/addon/face/20.gif b/js/lib/meditor/addon/face/20.gif
new file mode 100644
index 0000000..541575d
Binary files /dev/null and b/js/lib/meditor/addon/face/20.gif differ
diff --git a/js/lib/meditor/addon/face/21.gif b/js/lib/meditor/addon/face/21.gif
new file mode 100644
index 0000000..f65ad8a
Binary files /dev/null and b/js/lib/meditor/addon/face/21.gif differ
diff --git a/js/lib/meditor/addon/face/22.gif b/js/lib/meditor/addon/face/22.gif
new file mode 100644
index 0000000..25a0e2e
Binary files /dev/null and b/js/lib/meditor/addon/face/22.gif differ
diff --git a/js/lib/meditor/addon/face/23.gif b/js/lib/meditor/addon/face/23.gif
new file mode 100644
index 0000000..493cae9
Binary files /dev/null and b/js/lib/meditor/addon/face/23.gif differ
diff --git a/js/lib/meditor/addon/face/24.gif b/js/lib/meditor/addon/face/24.gif
new file mode 100644
index 0000000..3aba83f
Binary files /dev/null and b/js/lib/meditor/addon/face/24.gif differ
diff --git a/js/lib/meditor/addon/face/25.gif b/js/lib/meditor/addon/face/25.gif
new file mode 100644
index 0000000..436be39
Binary files /dev/null and b/js/lib/meditor/addon/face/25.gif differ
diff --git a/js/lib/meditor/addon/face/26.gif b/js/lib/meditor/addon/face/26.gif
new file mode 100644
index 0000000..d809261
Binary files /dev/null and b/js/lib/meditor/addon/face/26.gif differ
diff --git a/js/lib/meditor/addon/face/27.gif b/js/lib/meditor/addon/face/27.gif
new file mode 100644
index 0000000..2746fb6
Binary files /dev/null and b/js/lib/meditor/addon/face/27.gif differ
diff --git a/js/lib/meditor/addon/face/28.gif b/js/lib/meditor/addon/face/28.gif
new file mode 100644
index 0000000..8177e33
Binary files /dev/null and b/js/lib/meditor/addon/face/28.gif differ
diff --git a/js/lib/meditor/addon/face/29.gif b/js/lib/meditor/addon/face/29.gif
new file mode 100644
index 0000000..35b983f
Binary files /dev/null and b/js/lib/meditor/addon/face/29.gif differ
diff --git a/js/lib/meditor/addon/face/3.gif b/js/lib/meditor/addon/face/3.gif
new file mode 100644
index 0000000..ecd4716
Binary files /dev/null and b/js/lib/meditor/addon/face/3.gif differ
diff --git a/js/lib/meditor/addon/face/30.gif b/js/lib/meditor/addon/face/30.gif
new file mode 100644
index 0000000..3cce229
Binary files /dev/null and b/js/lib/meditor/addon/face/30.gif differ
diff --git a/js/lib/meditor/addon/face/31.gif b/js/lib/meditor/addon/face/31.gif
new file mode 100644
index 0000000..b955b1c
Binary files /dev/null and b/js/lib/meditor/addon/face/31.gif differ
diff --git a/js/lib/meditor/addon/face/32.gif b/js/lib/meditor/addon/face/32.gif
new file mode 100644
index 0000000..4a94f63
Binary files /dev/null and b/js/lib/meditor/addon/face/32.gif differ
diff --git a/js/lib/meditor/addon/face/33.gif b/js/lib/meditor/addon/face/33.gif
new file mode 100644
index 0000000..6f56878
Binary files /dev/null and b/js/lib/meditor/addon/face/33.gif differ
diff --git a/js/lib/meditor/addon/face/34.gif b/js/lib/meditor/addon/face/34.gif
new file mode 100644
index 0000000..6512cb5
Binary files /dev/null and b/js/lib/meditor/addon/face/34.gif differ
diff --git a/js/lib/meditor/addon/face/35.gif b/js/lib/meditor/addon/face/35.gif
new file mode 100644
index 0000000..a4be9ed
Binary files /dev/null and b/js/lib/meditor/addon/face/35.gif differ
diff --git a/js/lib/meditor/addon/face/4.gif b/js/lib/meditor/addon/face/4.gif
new file mode 100644
index 0000000..6b08420
Binary files /dev/null and b/js/lib/meditor/addon/face/4.gif differ
diff --git a/js/lib/meditor/addon/face/5.gif b/js/lib/meditor/addon/face/5.gif
new file mode 100644
index 0000000..63e37b7
Binary files /dev/null and b/js/lib/meditor/addon/face/5.gif differ
diff --git a/js/lib/meditor/addon/face/6.gif b/js/lib/meditor/addon/face/6.gif
new file mode 100644
index 0000000..99bb848
Binary files /dev/null and b/js/lib/meditor/addon/face/6.gif differ
diff --git a/js/lib/meditor/addon/face/7.gif b/js/lib/meditor/addon/face/7.gif
new file mode 100644
index 0000000..59d0814
Binary files /dev/null and b/js/lib/meditor/addon/face/7.gif differ
diff --git a/js/lib/meditor/addon/face/8.gif b/js/lib/meditor/addon/face/8.gif
new file mode 100644
index 0000000..74567e8
Binary files /dev/null and b/js/lib/meditor/addon/face/8.gif differ
diff --git a/js/lib/meditor/addon/face/9.gif b/js/lib/meditor/addon/face/9.gif
new file mode 100644
index 0000000..fc20d67
Binary files /dev/null and b/js/lib/meditor/addon/face/9.gif differ
diff --git a/js/lib/meditor/main.js b/js/lib/meditor/main.js
new file mode 100644
index 0000000..e83f068
--- /dev/null
+++ b/js/lib/meditor/main.js
@@ -0,0 +1,383 @@
+/**
+ *
+ * @authors yutent (yutent@doui.cc)
+ * @date 2017-04-17 16:37:12
+ *
+ */
+
+"use strict";
+
+var log = console.log;
+define([
+ 'yua',
+ 'lib/prism/main',
+ 'lib/marked',
+ 'css!./skin/main',
+], function(yua){
+
+ marked.setOptions({
+ highlight: function(code, lang){
+ return Prism.highlight(code, Prism.languages[lang])
+ }
+ })
+
+ yua.ui.meditor = '0.0.1'
+ //存放编辑器公共静态资源
+ window.ME = {
+ version: yua.ui.meditor,
+ toolbar: { //工具栏title
+ pipe: '',
+ h1: '标题',
+ bold: '粗体',
+ italic: '斜体',
+ through: '删除线',
+ unordered: '无序列表',
+ ordered: '有序列表',
+ hr: '横线',
+ time: '插入当前时间',
+ face: '表情',
+ table: '插入表格',
+ image: '插入图片',
+ file: '插入附件',
+ inlinecode: '行内代码',
+ blockcode: '代码块',
+ preview: '预览',
+ fullscreen: '全屏',
+ about: '关于编辑器',
+ },
+ addon: {}, //已有插件
+ //往文本框中插入内容
+ insert: function(dom, val){
+ if(document.selection){
+ dom.focus()
+ var range = document.selection.createRange()
+ range.text = val
+ dom.focus()
+ range.moveStart('character', -1)
+
+ }else if(dom.selectionStart || dom.selectionStart === 0) {
+ var startPos = dom.selectionStart,
+ endPos = dom.selectionEnd,
+ scrollTop = dom.scrollTop;
+
+ dom.value = dom.value.slice(0, startPos)
+ + val
+ + dom.value.slice(endPos, dom.value.length);
+
+
+ dom.selectionStart = startPos
+ dom.selectionEnd = startPos + val.length
+ dom.scrollTop = scrollTop
+ dom.focus()
+ }else{
+ dom.value += val;
+ dom.focus()
+ }
+ },
+ /**
+ * [selection 获取选中的文本]
+ * @param {[type]} dom [要操作的元素]
+ * @param {[type]} line [是否强制选取整行]
+ */
+ selection: function(dom, line){
+ if(document.selection){
+ return document.selection.createRange().text
+ }else{
+
+ var startPos = dom.selectionStart,
+ endPos = dom.selectionEnd;
+
+ if(endPos){
+ //强制选择整行
+ if(line) {
+ startPos = dom.value.slice(0, startPos).lastIndexOf('\n');
+
+ var tmpEnd = dom.value.slice(endPos).indexOf('\n');
+ tmpEnd = tmpEnd < 0 ? 0 : tmpEnd
+
+ startPos += 1 //把\n加上
+ endPos += tmpEnd;
+
+ dom.selectionStart = startPos
+ dom.selectionEnd = endPos
+ }
+ }else{
+ //强制选择整行
+ if(line) {
+ endPos = dom.value.indexOf('\n')
+ endPos = endPos < 0 ? dom.value.length : endPos
+ dom.selectionEnd = endPos
+ }
+ }
+ return dom.value.slice(startPos, endPos)
+ }
+ },
+ repeat: function(str, num){
+ if(String.prototype.repeat){
+ return str.repeat(num)
+ }else{
+ var result = ''
+ while(num > 0){
+ result += str;
+ num--
+ }
+ return result
+ }
+ }
+ }
+ //获取真实的引用路径,避免因为不同的目录结构导致加载失败的情况
+ for(var i in yua.modules){
+ if(/meditor/.test(i)) {
+ ME.path = i.slice(0, i.lastIndexOf('/'))
+ break;
+ }
+ }
+ var elems = {
+ p: function(str, attr, inner){
+ return inner ? ('\n' + inner + '\n') : ''
+ },
+ br: '\n',
+ 'h([1-6])': function(str, level, attr, inner){
+ var h = ME.repeat('#', level)
+ return '\n' + h + ' ' + inner + '\n'
+ },
+ hr: '\n\n___\n\n',
+ a: function(str, attr, inner){
+ var href = attr.match(attrExp('href')),
+ title = attr.match(attrExp('title')),
+ tar = attr.match(attrExp('target'));
+
+ href = href && href[1] || ''
+ title = title && title[1] || ''
+ tar = tar && tar[1] || '_self'
+
+ href = href === 'javascript:void(0);' ? 'javascript:;' : href
+
+ return '[' + (inner || href) + '](' + href + ' "title=' + title + ';target=' + tar + '")'
+ },
+ em: function(str, attr, inner){
+ return inner && ('_' + inner + '_') || ''
+ },
+ strong: function(str, attr, inner){
+ return inner && ('**' + inner + '**') || ''
+ },
+ code: function(str, attr, inner){
+ return inner && ('`' + inner + '`') || ''
+ },
+ pre: function(str, attr, inner){
+
+ return '\n\n```\n' + inner + '\n```\n'
+ },
+ blockquote: function(str, attr, inner){
+ return '> ' + inner.trim()
+ },
+ img: function(str, attr, inner){
+ var src = attr.match(attrExp('src')),
+ alt = attr.match(attrExp('alt'));
+
+ src = src && src[1] || ''
+ alt = alt && alt[1] || ''
+
+ return ''
+ }
+ }
+
+ function attrExp(field){
+ return new RegExp(field + '\\s?=\\s?["\']?([^"\']*)["\']?', 'i')
+ }
+ function tagExp(tag, open){
+ var exp = ''
+ if(['br', 'hr', 'img'].indexOf(tag) > -1){
+ exp = '<' + tag + '([^>]*)\\/?>'
+ }else{
+ exp = '<' + tag + '([^>]*)>([\\s\\S]*?)<\\/' + tag + '>'
+ }
+ return new RegExp(exp, 'gi')
+ }
+ function html2md(str){
+ str = decodeURIComponent(str).replace(/\t/g, ' ').replace(/]*>/, '')
+
+ for(var i in elems){
+ var cb = elems[i],
+ exp = tagExp(i);
+
+ if(i === 'blockquote'){
+ while(str.match(exp)){
+ str = str.replace(exp, cb)
+ }
+ }else{
+ str = str.replace(exp, cb)
+ }
+
+ if(i === 'em'){
+ exp = tagExp('i')
+ str = str.replace(exp, cb)
+ }
+ if(i === 'strong'){
+ exp = tagExp('b')
+ str = str.replace(exp, cb)
+ }
+ }
+ var liExp = /<(ul|ol)[^>]*>(?:(?!' + + ' __ __ _____ _ _ _\n' + + '| \\/ | ____|__| (_) |_ ___ _ __\n' + + '| |\\/| | _| / _` | | __/ _ \\| \'__|\n' + + '| | | | |__| (_| | | || (_) | |\n' + + '|_| |_|_____\\__,_|_|\\__\\___/|_| ' + + 'v' + ME.version + '' + + '
开源在线Markdown编辑器
' + + 'https://doui.cc/product/meditor
' + + 'Copyright © 2017 Yutent, The MIT License.
' + + ''
+ + ''
+ + '
',
+ $$template: function(txt){
+
+ var toolbar = (this.toolbar || defaultToolbar).map(function(it){
+ return tool(it)
+ }).join('')
+
+ delete this.toolbar
+ return txt.replace(/\{uuid\}/g, this.$id).replace(/\{toolbar\}/g, toolbar)
+ },
+ $construct: function(base, opt, attr){
+ yua.mix(base, opt, attr)
+ if(base.$addons && Array.isArray(base.$addons)){
+ extraAddons = base.$addons.map(function(name){
+ return ME.path + '/addon/' + name
+ })
+ delete base.$addons
+ }
+ return base
+ },
+ $init: function(vm){
+
+ vm.$watch('plainTxt', function(val){
+ vm.$compile()
+ //只有开启实时预览,才会赋值给htmlTxt
+ if(vm.preview){
+ vm.htmlTxt = vm.$htmlTxt
+ }
+ vm.$onUpdate(vm.plainTxt, vm.$htmlTxt)
+ })
+
+ vm.$onToolbarClick = function(name){
+ if(ME.addon[name]){
+ ME.addon[name].call(ME.addon, this, vm)
+ }else{
+ console.log('%c没有对应的插件%c[%s]', 'color:#f00;', '',name)
+ }
+ }
+ },
+ $ready: function(vm){
+ vm.$editor = document.querySelector('#' + vm.$id)
+
+ //自动加载额外的插件
+ require(extraAddons, function(){
+ var args = Array.prototype.slice.call(arguments, 0)
+ args.forEach(function(addon){
+ addon && addon(vm)
+ })
+ })
+
+ yua(vm.$editor).bind('keydown', function(ev){
+
+ //tab键改为插入4个空格,阻止默认事件,防止焦点失去
+ if(ev.keyCode === 9){
+ var wrap = ME.selection(vm.$editor) || ''
+ wrap = wrap.split('\n').map(function(it){
+ return ev.shiftKey ? it.replace(/^\s\s/, '') : ' ' + it
+ }).join('\n')
+ ME.insert(this, wrap)
+ ev.preventDefault()
+ }
+
+ })
+ },
+ $paste: function(ev){
+ var txt = ev.clipboardData.getData('text/plain').trim(),
+ html = ev.clipboardData.getData('text/html').trim();
+
+ html = html2md(html)
+
+ if(html){
+ ME.insert(this, html)
+ }else if(txt) {
+ ME.insert(this, txt)
+ }
+ ev.preventDefault()
+ },
+ $compile: function(){
+ //只解析,不渲染
+ this.$htmlTxt = marked(this.plainTxt.trim())
+ },
+ $onToolbarClick: yua.noop,
+ $onUpdate: yua.noop,
+ disabled: false, //禁用编辑器
+ fullscreen: true, //是否全屏
+ preview: false, //是否显示预览
+ $editor: null, //编辑器元素
+ $htmlTxt: '', //临时储存html文本
+ htmlTxt: '', //用于预览渲染
+ plainTxt: '' //纯md文本
+
+
+ })
+
+
+
+ })
+
+})
diff --git a/js/lib/meditor/skin/iconfont.eot b/js/lib/meditor/skin/iconfont.eot
new file mode 100644
index 0000000..3bbb99b
Binary files /dev/null and b/js/lib/meditor/skin/iconfont.eot differ
diff --git a/js/lib/meditor/skin/iconfont.ttf b/js/lib/meditor/skin/iconfont.ttf
new file mode 100644
index 0000000..5e6a583
Binary files /dev/null and b/js/lib/meditor/skin/iconfont.ttf differ
diff --git a/js/lib/meditor/skin/main.css b/js/lib/meditor/skin/main.css
new file mode 100644
index 0000000..cac84e4
--- /dev/null
+++ b/js/lib/meditor/skin/main.css
@@ -0,0 +1,152 @@
+@charset "UTF-8";
+/**
+ *
+ * @authors yutent (yutent@doui.cc)
+ * @date 2017-04-17 16:43:22
+ *
+ */
+
+@font-face {font-family: "edicon";
+ src: url('iconfont.eot'); /* IE9*/
+ src: url('iconfont.ttf') format('truetype'); /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+}
+
+::-webkit-scrollbar {width:5px;height:5px;background:#ebeeec;}
+::-webkit-scrollbar:hover {background:rgba(0,0,0,.05);}
+::-webkit-scrollbar-button {display:none;}
+::-webkit-scrollbar-thumb {background:#cad5d5;}
+::-webkit-scrollbar-thumb:hover {background:#9bacac;}
+
+.do-meditor {position:relative;width:100%;height:100%;min-height:180px;border:1px solid #ddd;background:#fff;color:#666;}
+.meditor-font {font-family:"PingFang SC","Helvetica Neue","Hiragino Sans GB","Segoe UI","Microsoft YaHei",sans-serif;}
+
+
+
+
+/* 关于编辑器模块*/
+.do-meditor-about {width:400px;padding:10px 20px;}
+.do-meditor-about pre {padding-bottom:15px}
+.do-meditor-about a {color:#049789}
+.do-meditor-about p {margin:0 auto 5px;}
+
+/*表格模块*/
+
+.do-meditor-table {width:270px;height:270px;padding:10px;}
+.do-meditor-table li {width:100%;height:25px;}
+.do-meditor-table li span {float:left;width:25px;height:25px;border:2px solid #fff;background:#f2f2f2;}
+.do-meditor-table li span.active {background:rgba(4,151,137,.2);}
+
+
+/*表情模块*/
+.do-meditor-face {float:left;;width:241px;height:241px;margin:10px;border-top:1px solid #e2e2e2;border-left:1px solid #e2e2e2;}
+.do-meditor-face li {float:left;width:40px;height:40px;padding:8px;border:1px solid #e2e2e2;border-top:0;border-left:0}
+.do-meditor-face li img {width:100%;}
+.do-meditor-face li:hover img {-webkit-transform:scale(3);-moz-transform:scale(3);-ms-transform:scale(3);transform:scale(3);}
+
+
+/*段落模块*/
+.do-meditor-h1 {width:150px;height:auto;padding:5px 0;}
+.do-meditor-h1 li {width:100%;height:auto;padding:0 10px;line-height:1.5;font-size:18px;cursor:default;}
+.do-meditor-h1 li:hover {background:#f2f2f2;}
+.do-meditor-h1 li::before {font-family:"edicon" !important;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}
+.do-meditor-h1 li.h1 {font-size:23px;}
+.do-meditor-h1 li.h2 {font-size:21px;}
+.do-meditor-h1 li.h1::before {content:"\e611 "}
+.do-meditor-h1 li.h2::before {content:"\e60d "}
+.do-meditor-h1 li.h3::before {content:"\e60e "}
+.do-meditor-h1 li.h4::before {content:"\e60f "}
+.do-meditor-h1 li.h5::before {content:"\e610 "}
+.do-meditor-h1 li.h6::before {content:"\e60c "}
+
+
+/*通用输入模块, 链接/图片插入/文件插入/代码块插入*/
+.do-meditor-common {width:360px;height:auto;padding:15px 20px;}
+.do-meditor-common section {width:100%;height: 35px;margin:10px 0;line-height:35px;}
+.do-meditor-common section .label {float: left;width:30%;text-align:center;background:#ddd;}
+.do-meditor-common section label {float: left;width:50%;}
+.do-meditor-common section .input {float: left;width:70%;height:35px;padding:0 8px;border:1px solid #ddd;border-left:0;background:#fff;color:#666;}
+.do-meditor-common section .submit {float:right;width:30%;height:35px;background:#ddd;color:#666;text-align:center;}
+
+
+.do-meditor-codeblock {width:780px;height:auto;padding:15px 20px;background:#fafafa;}
+.do-meditor-codeblock section {display:block;width:100%;height:auto;margin:10px 0;line-height:35px;}
+.do-meditor-codeblock section::after {visibility: hidden;overflow:hidden; display: block;height: 0;content: "."; clear: both;}
+.do-meditor-codeblock section .label {float: left;width:80px;}
+.do-meditor-codeblock section select {float:left;width:200px;height:35px;border:1px solid #ddd;border-radius:5px;background:#fff}
+.do-meditor-codeblock section textarea {width:100%;height:300px;padding:5px 10px;border:1px solid #ddd;background:#fff;resize:none;}
+.do-meditor-codeblock section .submit {float:right;width:80px;height:35px;background:#ddd;color:#666;text-align:center;}
+
+
+
+
+.do-meditor .tool-bar {position:relative;z-index:99;width:100%;height:auto;min-height:43px;padding:5px 10px;border-bottom:1px solid #ddd;background:#f5f5f5;color:#666;}
+.do-meditor .tool-bar .edicon {display:inline-block;width:30px;height:32px;text-align:center;font:20px/32px "edicon" !important;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}
+.do-meditor .tool-bar .edicon:hover {background:#e5e5e5;}
+.do-meditor .tool-bar .icon-pipe {width:20px;}
+.do-meditor .tool-bar .icon-pipe:hover {background:none;}
+.do-meditor .tool-bar .icon-pipe::before {content:"\e612"}
+.do-meditor .tool-bar .icon-h1::before {content:"\e611"}
+.do-meditor .tool-bar .icon-bold::before {content:"\e615"}
+.do-meditor .tool-bar .icon-italic::before {content:"\e61d"}
+.do-meditor .tool-bar .icon-through::before {content:"\e604"}
+.do-meditor .tool-bar .icon-link::before {content:"\e606"}
+.do-meditor .tool-bar .icon-inlinecode::before {content:"\e61e"}
+.do-meditor .tool-bar .icon-blockcode::before {content:"\e617"}
+.do-meditor .tool-bar .icon-quote::before {content:"\e607"}
+.do-meditor .tool-bar .icon-hr::before {content:"\e619"}
+.do-meditor .tool-bar .icon-time::before {content:"\e61a"}
+.do-meditor .tool-bar .icon-face::before {content:"\e616"}
+.do-meditor .tool-bar .icon-image::before {content:"\e61b"}
+.do-meditor .tool-bar .icon-file::before {content:"\e603"}
+.do-meditor .tool-bar .icon-preview::before {content:"\e60a"}
+.do-meditor .tool-bar .icon-fullscreen::before {content:"\e608"}
+.do-meditor .tool-bar .icon-table::before {content:"\e601"}
+.do-meditor .tool-bar .icon-ordered::before {content:"\e61c"}
+.do-meditor .tool-bar .icon-unordered::before {content:"\e618"}
+.do-meditor .tool-bar .icon-about::before {content:"\e613"}
+.do-meditor .tool-bar .icon-help::before {content:"\e614"}
+
+
+.do-meditor .editor-body {float:left;position:absolute;z-index:89;left:0;top:0;width:100%;height:100%;padding-top:43px;}
+.do-meditor .editor-body>textarea {overflow:hidden;overflow-y:auto;width:100%;height:100%;padding:5px;border:0;outline:none;resize:none;color:#666;}
+.do-meditor .editor-md-preview {position:absolute;z-index:90;right:0;top:0;width:100%;height:100%;padding-top:43px;}
+
+.do-meditor .editor-md-preview>content.preview {overflow:hidden;overflow-y:auto;display:block;width:100%;height:100%;padding:10px;color:#666;font-size:14px;background:#fff;}
+
+
+.do-meditor .editor-md-preview .md-hd {position:relative;margin:15px 0;padding-left:30px;font-weight:normal;font-size:17px;}
+.do-meditor .editor-md-preview h1.md-hd {padding-left:0;}
+.do-meditor .editor-md-preview .md-hd a {position:relative;display:inline-block;padding:0 8px;background:#fff;color:#454545}
+.do-meditor .editor-md-preview h1.md-hd a {padding-left:0;color:#000;}
+.do-meditor .editor-md-preview h2.md-hd a {color:#000;}
+
+.do-meditor .editor-md-preview h1.md-hd {margin:0 0 30px;font-size:25px;}
+.do-meditor .editor-md-preview h2.md-hd {margin:20px 0;font-size:23px;}
+.do-meditor .editor-md-preview h3.md-hd {margin:20px 0 15px;font-size:20px;}
+.do-meditor .editor-md-preview h1:after {display:block;width:100%;content:" ";border-bottom:1px solid #ddd;}
+.do-meditor .editor-md-preview h2:before,
+.do-meditor .editor-md-preview h3:before,
+.do-meditor .editor-md-preview h4:before,
+.do-meditor .editor-md-preview h5:before,
+.do-meditor .editor-md-preview h6:before {display:block;position:absolute;left:0;top:50%;width:100%;content:" ";border-bottom:1px solid #ddd;}
+
+.do-meditor .editor-md-preview a {text-decoration:none;}
+.do-meditor .editor-md-preview blockquote {margin:10px 0;padding:5px 10px;border-left:5px solid #6bb294;background:#f7f7f7}
+.do-meditor .editor-md-preview table thead tr {background:#f2f2f2}
+.do-meditor .editor-md-preview table thead th {padding:0 8px;border:1px solid #ddd}
+.do-meditor .editor-md-preview table tbody td {padding:0 8px;border:1px solid #ddd}
+
+.do-meditor .editor-md-preview hr {margin:30px 0;}
+.do-meditor .editor-md-preview ol {list-style:decimal inside none;}
+.do-meditor .editor-md-preview ul {list-style:disc inside none;}
+.do-meditor .editor-md-preview li ol {margin-left:2em;}
+.do-meditor .editor-md-preview li ul {margin-left:2em;list-style-type: circle;}
+.do-meditor .editor-md-preview li ol ul,
+.do-meditor .editor-md-preview li ul ul {list-style-type: square;}
+
+
+/*全屏模式*/
+.do-meditor.fullscreen {position:fixed;left:0;top:0;z-index:999;}
+
+.do-meditor.fullscreen .editor-body {width:50%}
+.do-meditor.fullscreen .editor-md-preview {width:50%;border-left:1px solid #ddd;}
\ No newline at end of file
diff --git a/js/lib/pages/pages.css b/js/lib/pages/main.css
similarity index 100%
rename from js/lib/pages/pages.css
rename to js/lib/pages/main.css
diff --git a/js/lib/pages/pages.htm b/js/lib/pages/main.htm
similarity index 100%
rename from js/lib/pages/pages.htm
rename to js/lib/pages/main.htm
diff --git a/js/lib/pages/pages.js b/js/lib/pages/main.js
similarity index 96%
rename from js/lib/pages/pages.js
rename to js/lib/pages/main.js
index ebf9762..bdbb563 100644
--- a/js/lib/pages/pages.js
+++ b/js/lib/pages/main.js
@@ -1,6 +1,7 @@
"use strict";
-define(["yua","text!./pages.htm", "css!./pages"], function(yua, tpl) {
+define(["yua","text!./main.htm", "css!./main"], function(yua, tpl) {
+ yua.ui.pages = '0.0.1'
//计算页码列表
function calculate(vm){
if (vm.total < 2)
diff --git a/js/lib/pages/pages.min.css b/js/lib/pages/pages.min.css
deleted file mode 100644
index e69de29..0000000
diff --git a/js/lib/pages/pages.min.js b/js/lib/pages/pages.min.js
deleted file mode 100644
index e69de29..0000000
diff --git a/js/lib/prism/highlight.css b/js/lib/prism/highlight.css
new file mode 100644
index 0000000..30ea294
--- /dev/null
+++ b/js/lib/prism/highlight.css
@@ -0,0 +1,32 @@
+@charset "UTF-8";
+/**
+ *
+ * @authors yutent (yutent@doui.cc)
+ * @date 2017-02-13 13:53:38
+ *
+ */
+
+/*代码块*/
+.do-ui-blockcode {position:relative;border:1px solid #ddd;margin:15px 0;}
+.do-ui-blockcode::before {position:relative;display:block;width:100%;height:25px;padding:0 8px;background:#eee;border-bottom:1px solid #ddd;line-height:25px;content:"代码示例";box-sizing: border-box;}
+.do-ui-blockcode section {position:relative;}
+.do-ui-blockcode .linenum {display:block;position:absolute;z-index:1;left:0;top:0;width:40px;height:100%;background:#eee;border-right:1px solid #ddd;text-align:center;}
+
+/*语法高亮*/
+.do-ui-blockcode .lang {position:relative;display:block;overflow-x:auto;z-index:0;padding:0 8px 0 50px;color:#383a42;background:#fafafa;word-wrap:break-word;white-space:pre-wrap;}
+.do-ui-blockcode .lang .c-comment{color: #8e908c;font-style:italic;}
+.do-ui-blockcode .lang .c-smartyx {color: #607d8b;}
+.do-ui-blockcode .lang .c-important {color: #f5871f;font-style:italic;}
+.do-ui-blockcode .lang .c-punctuation {color: #986756;}
+.do-ui-blockcode .lang .c-regex {color: #c82829;}
+.do-ui-blockcode .lang .c-boolean,.do-ui-blockcode .lang .c-number {color: #f5871f;}
+.do-ui-blockcode .lang .c-function {color:#009688;}
+.do-ui-blockcode .lang .c-class-name,.do-ui-blockcode .lang .c-build-in {color:#3aa9f3;}
+.do-ui-blockcode .lang .c-class-name,.do-ui-blockcode .lang .c-build-in {font-style:italic;font-weight:bold;}
+.do-ui-blockcode .lang .c-attr-name {color: #eab700;}
+.do-ui-blockcode .lang .c-string,.do-ui-blockcode .lang .c-attr-value {color: #5ab302;}
+.do-ui-blockcode .lang .c-tag,.do-ui-blockcode .lang .c-keyword,.do-ui-blockcode .lang .c-operator {color: #d81406;}
+.do-ui-blockcode .lang .c-keyword {font-style:italic;}
+
+/*行内代码*/
+.do-ui-inlinecode {margin:0 2px;padding:0 5px;color:#d14;border:1px solid #ddd;border-radius:3px;}
\ No newline at end of file
diff --git a/js/lib/prism/prism.js b/js/lib/prism/prism.js
index e5854d5..294a41f 100644
--- a/js/lib/prism/prism.js
+++ b/js/lib/prism/prism.js
@@ -1,831 +1,793 @@
-/* http://prismjs.com/download.html?themes=prism&languages=markup+css+clike+javascript+bash+nginx+yaml */
-var _self = (typeof window !== 'undefined')
- ? window // if in browser
- : (
- (typeof WorkerGlobalScope !== 'undefined' && self instanceof WorkerGlobalScope)
- ? self // if in worker
- : {} // if in node js
- );
-
-/**
- * Prism: Lightweight, robust, elegant syntax highlighting
- * MIT license http://www.opensource.org/licenses/mit-license.php/
- * @author Lea Verou http://lea.verou.me
- */
-
-var Prism = (function(){
-
-// Private helper vars
-var lang = /\blang(?:uage)?-(\w+)\b/i;
-var uniqueId = 0;
-
-var _ = _self.Prism = {
- manual: _self.Prism && _self.Prism.manual,
- util: {
- encode: function (tokens) {
- if (tokens instanceof Token) {
- return new Token(tokens.type, _.util.encode(tokens.content), tokens.alias);
- } else if (_.util.type(tokens) === 'Array') {
- return tokens.map(_.util.encode);
- } else {
- return tokens.replace(/&/g, '&').replace(/ text.length) {
- // Something went terribly wrong, ABORT, ABORT!
- break tokenloop;
- }
+ var rest = grammar.rest;
- if (str instanceof Token) {
- continue;
- }
+ if (rest) {
+ for (var token in rest) {
+ grammar[token] = rest[token];
+ }
- pattern.lastIndex = 0;
+ delete grammar.rest;
+ }
- var match = pattern.exec(str),
- delNum = 1;
+ tokenloop: for (var token in grammar) {
+ if (!grammar.hasOwnProperty(token) || !grammar[token]) {
+ continue;
+ }
- // Greedy patterns can override/remove up to two previously matched tokens
- if (!match && greedy && i != strarr.length - 1) {
- pattern.lastIndex = pos;
- match = pattern.exec(text);
- if (!match) {
- break;
- }
-
- var from = match.index + (lookbehind ? match[1].length : 0),
- to = match.index + match[0].length,
- k = i,
- p = pos;
-
- for (var len = strarr.length; k < len && p < to; ++k) {
- p += strarr[k].length;
- // Move the index i to the element in strarr that is closest to from
- if (from >= p) {
- ++i;
- pos = p;
- }
- }
-
- /*
- * If strarr[i] is a Token, then the match starts inside another Token, which is invalid
- * If strarr[k - 1] is greedy we are in conflict with another greedy pattern
- */
- if (strarr[i] instanceof Token || strarr[k - 1].greedy) {
- continue;
- }
-
- // Number of tokens to delete and replace with the new match
- delNum = k - i;
- str = text.slice(pos, p);
- match.index -= pos;
- }
-
- if (!match) {
- continue;
- }
-
- if(lookbehind) {
- lookbehindLength = match[1].length;
- }
-
- var from = match.index + lookbehindLength,
- match = match[0].slice(lookbehindLength),
- to = from + match.length,
- before = str.slice(0, from),
- after = str.slice(to);
-
- var args = [i, delNum];
-
- if (before) {
- args.push(before);
- }
-
- var wrapped = new Token(token, inside? _.tokenize(match, inside) : match, alias, match, greedy);
-
- args.push(wrapped);
-
- if (after) {
- args.push(after);
- }
-
- Array.prototype.splice.apply(strarr, args);
- }
- }
- }
-
- return strarr;
- },
-
- hooks: {
- all: {},
-
- add: function (name, callback) {
- var hooks = _.hooks.all;
-
- hooks[name] = hooks[name] || [];
-
- hooks[name].push(callback);
- },
-
- run: function (name, env) {
- var callbacks = _.hooks.all[name];
-
- if (!callbacks || !callbacks.length) {
- return;
- }
-
- for (var i=0, callback; callback = callbacks[i++];) {
- callback(env);
- }
- }
- }
-};
-
-var Token = _.Token = function(type, content, alias, matchedStr, greedy) {
- this.type = type;
- this.content = content;
- this.alias = alias;
- // Copy of the full string this token was created from
- this.length = (matchedStr || "").length|0;
- this.greedy = !!greedy;
-};
-
-Token.stringify = function(o, language, parent) {
- if (typeof o == 'string') {
- return o;
- }
-
- if (_.util.type(o) === 'Array') {
- return o.map(function(element) {
- return Token.stringify(element, language, o);
- }).join('');
- }
-
- var env = {
- type: o.type,
- content: Token.stringify(o.content, language, parent),
- tag: 'span',
- classes: ['c-' + o.type],
- attributes: {},
- language: language,
- parent: parent
- };
-
- if (o.alias) {
- var aliases = _.util.type(o.alias) === 'Array' ? o.alias : [o.alias];
- Array.prototype.push.apply(env.classes, aliases);
- }
-
- _.hooks.run('wrap', env);
-
- var attributes = Object.keys(env.attributes).map(function(name) {
- return name + '="' + (env.attributes[name] || '').replace(/"/g, '"') + '"';
- }).join(' ');
-
- return '<' + env.tag + ' class="' + env.classes.join(' ') + '"' + (attributes ? ' ' + attributes : '') + '>' + env.content + '';
-
-};
-
-if (!_self.document) {
- if (!_self.addEventListener) {
- // in Node.js
- return _self.Prism;
- }
- // In worker
- _self.addEventListener('message', function(evt) {
- var message = JSON.parse(evt.data),
- lang = message.language,
- code = message.code,
- immediateClose = message.immediateClose;
-
- _self.postMessage(_.highlight(code, _.languages[lang], lang));
- if (immediateClose) {
- _self.close();
- }
- }, false);
-
- return _self.Prism;
-}
-
-//Get current script and highlight
-var script = document.currentScript || [].slice.call(document.getElementsByTagName("script")).pop();
-
-if (script) {
- _.filename = script.src;
-
- if (document.addEventListener && !_.manual && !script.hasAttribute('data-manual')) {
- if(document.readyState !== "loading") {
- if (window.requestAnimationFrame) {
- window.requestAnimationFrame(_.highlightAll);
- } else {
- window.setTimeout(_.highlightAll, 16);
- }
- }
- else {
- document.addEventListener('DOMContentLoaded', _.highlightAll);
- }
- }
-}
-
-return _self.Prism;
-
-})();
-
-if (typeof module !== 'undefined' && module.exports) {
- module.exports = Prism;
-}
-
-// hack for components to work correctly in node.js
-if (typeof global !== 'undefined') {
- global.Prism = Prism;
-};
-if(_self.define && _self.define.amd){
- define(function(){
- return Prism
- })
-}
-Prism.languages.markup = {
- 'smartyx': //,
- 'comment': //,
- 'prolog': /<\?[\w\W]+?\?>/,
- 'doctype': //i,
- 'cdata': //i,
- 'tag': {
- pattern: /<\/?(?!\d)[^\s>\/=$<]+(?:\s+[^\s>\/=]+(?:=(?:("|')(?:\\\1|\\?(?!\1)[\w\W])*\1|[^\s'">=]+))?)*\s*\/?>/i,
- inside: {
- 'tag': {
- pattern: /^<\/?[^\s>\/]+/i,
- inside: {
- 'punctuation': /^<\/?/,
- 'namespace': /^[^\s>\/:]+:/
- }
- },
- 'attr-value': {
- pattern: /=(?:('|")[\w\W]*?(\1)|[^\s>]+)/i,
- inside: {
- 'punctuation': /[=>"']/
- }
- },
- 'punctuation': /\/?>/,
- 'attr-name': {
- pattern: /[^\s>\/]+/,
- inside: {
- 'namespace': /^[^\s>\/:]+:/
- }
- }
-
- }
- },
- 'entity': /&#?[\da-z]{1,8};/i
-};
-
-// Plugin to make entity title show the real entity, idea by Roman Komarov
-Prism.hooks.add('wrap', function(env) {
-
- if (env.type === 'entity') {
- env.attributes['title'] = env.content.replace(/&/, '&');
- }
-});
-
-Prism.languages.xml = Prism.languages.markup;
-Prism.languages.html = Prism.languages.markup;
-Prism.languages.mathml = Prism.languages.markup;
-Prism.languages.svg = Prism.languages.markup;
-
-Prism.languages.css = {
- 'comment': /\/\*[\w\W]*?\*\//,
- 'atrule': {
- pattern: /@[\w-]+?.*?(;|(?=\s*\{))/i,
- inside: {
- 'rule': /@[\w-]+/
- // See rest below
- }
- },
- 'url': /url\((?:(["'])(\\(?:\r\n|[\w\W])|(?!\1)[^\\\r\n])*\1|.*?)\)/i,
- 'selector': /[^\{\}\s][^\{\};]*?(?=\s*\{)/,
- 'string': {
- pattern: /("|')(\\(?:\r\n|[\w\W])|(?!\1)[^\\\r\n])*\1/,
- greedy: true
- },
- 'property': /(\b|\B)[\w-]+(?=\s*:)/i,
- 'important': /\B!important\b/i,
- 'function': /[-a-z0-9]+(?=\()/i,
- 'punctuation': /[(){};:]/
-};
-
-Prism.languages.css['atrule'].inside.rest = Prism.util.clone(Prism.languages.css);
-
-if (Prism.languages.markup) {
- Prism.languages.insertBefore('markup', 'tag', {
- 'style': {
- pattern: /('
+ + ''
+ + '
'
+ + ''
+ + '
'
+ + '- {li}
- {li}