vue-editify 0.0.1

package/src/css/base.less

@@ -0,0 +1,30 @@
+//三角图标大小
+@triangle-size: 6px;
+//编辑器内的默认字体大小
+@font-size: 14px;
+//字体颜色
+@font-color: #555;
+//较浅的字体颜色（副文本颜色）
+@font-color-light: #888;
+//更浅的字体颜色（placeholder和禁用字体颜色）
+@font-color-disabled: #ccc;
+//较深的字体颜色（编辑器内容区域字体颜色）
+@font-color-dark: #333;
+//链接字体颜色
+@font-color-link: #079457;
+//链接字体悬浮色
+@font-color-link-dark: #05683d;
+//边框颜色
+@border-color: #dfdfdf;
+//默认背景色
+@background: #fff;
+//较深的背景色
+@background-dark: #f7f8fa;
+//更深的背景色
+@background-darker: #ebedf0;
+//代码块背景色
+@pre-background: #f2f6fb;
+//反色调字体颜色
+@reverse-color: #fff;
+//反色调背景色
+@reverse-background: #000;

package/src/css/hljs.less

@@ -0,0 +1,54 @@
+/**
+ * 这里是对highlight的主题样式的自定义设置
+ */
+
+.editify-hljs-addition,
+.editify-hljs-meta,
+.editify-hljs-string,
+.editify-hljs-symbol,
+.editify-hljs-template-tag,
+.editify-hljs-template-variable,
+.editify-hljs-deletion,
+.editify-hljs-variable {
+	color: #54489b;
+}
+.editify-hljs-comment,
+.editify-hljs-quote {
+	color: #bbb;
+}
+.editify-hljs-bullet,
+.editify-hljs-link,
+.editify-hljs-number,
+.editify-hljs-regexp,
+.editify-hljs-attr,
+.editify-hljs-attribute {
+	color: #0e9a56;
+}
+
+.editify-hljs-built_in,
+.editify-hljs-doctag,
+.editify-hljs-keyword,
+.editify-hljs-name,
+.editify-hljs-section,
+.editify-hljs-strong,
+.editify-hljs-tag,
+.editify-hljs-literal,
+.editify-hljs-type {
+	color: #092d5d;
+}
+
+.editify-hljs-title {
+	color: #c45d08;
+}
+
+.editify-hljs-selector-tag {
+	color: #920606;
+}
+
+.editify-hljs-selector-class {
+	color: #c45d08;
+}
+
+.editify-hljs-selector-id {
+	color: #0d658d;
+}

package/src/hljs/index.js

@@ -0,0 +1,60 @@
+//引入核心库
+import hljs from 'highlight.js/lib/core'
+//引入语言支持
+import plaintext from 'highlight.js/lib/languages/plaintext'
+import javascript from 'highlight.js/lib/languages/javascript'
+import java from 'highlight.js/lib/languages/java'
+import typescript from 'highlight.js/lib/languages/typescript'
+import html from 'highlight.js/lib/languages/xml'
+import markdown from 'highlight.js/lib/languages/markdown'
+import css from 'highlight.js/lib/languages/css'
+import less from 'highlight.js/lib/languages/less'
+import scss from 'highlight.js/lib/languages/scss'
+import objectivec from 'highlight.js/lib/languages/objectivec'
+import swift from 'highlight.js/lib/languages/swift'
+import dart from 'highlight.js/lib/languages/dart'
+import nginx from 'highlight.js/lib/languages/nginx'
+import php from 'highlight.js/lib/languages/php'
+import python from 'highlight.js/lib/languages/python'
+//注册语言
+hljs.registerLanguage('plaintext', plaintext)
+hljs.registerLanguage('javascript', javascript)
+hljs.registerLanguage('java', java)
+hljs.registerLanguage('typescript', typescript)
+hljs.registerLanguage('html', html)
+hljs.registerLanguage('markdown', markdown)
+hljs.registerLanguage('css', css)
+hljs.registerLanguage('less', less)
+hljs.registerLanguage('scss', scss)
+hljs.registerLanguage('objectivec', objectivec)
+hljs.registerLanguage('swift', swift)
+hljs.registerLanguage('dart', dart)
+hljs.registerLanguage('nginx', nginx)
+hljs.registerLanguage('php', php)
+hljs.registerLanguage('python', python)
+//引入css样式主题
+import '../css/hljs.less'
+//import 'highlight.js/styles/github.css'
+//import 'highlight.js/styles/atom-one-light.css'
+//import 'highlight.js/styles/lightfair.css'
+//import 'highlight.js/styles/color-brewer.css'
+//全局设置
+hljs.configure({
+	cssSelector: 'pre',
+	classPrefix: 'editify-hljs-',
+	ignoreUnescapedHTML: true
+})
+
+//获取经过hljs处理的html元素
+const getHljsHtml = function (code, language) {
+	if (language) {
+		return hljs.highlight(code, {
+			language: language,
+			ignoreIllegals: true
+		}).value
+	}
+	return hljs.highlightAuto(code).value
+}
+const languages = ['plaintext', 'javascript', 'html', 'css', 'less', 'scss', 'java', 'markdown', 'swift', 'objectivec', 'typescript', 'dart', 'nginx', 'php', 'python']
+
+export { getHljsHtml, languages }

package/src/icon/iconfont.css

@@ -0,0 +1,211 @@
+.editify-icon-task:before {
+	content: '\e605';
+}
+
+.editify-icon-source-view:before {
+	content: '\e6a1';
+}
+
+.editify-icon-upload:before {
+	content: '\e637';
+}
+
+.editify-icon-remove:before {
+	content: '\e852';
+}
+
+.editify-icon-code:before {
+	content: '\e6a0';
+}
+
+.editify-icon-stop:before {
+	content: '\e67c';
+}
+
+.editify-icon-loop:before {
+	content: '\e621';
+}
+
+.editify-icon-autoplay:before {
+	content: '\e618';
+}
+
+.editify-icon-muted:before {
+	content: '\ea0f';
+}
+
+.editify-icon-unmuted:before {
+	content: '\ea11';
+}
+
+.editify-icon-controls:before {
+	content: '\e627';
+}
+
+.editify-icon-video:before {
+	content: '\e622';
+}
+
+.editify-icon-single:before {
+	content: '\e63e';
+}
+
+.editify-icon-rotate:before {
+	content: '\e652';
+}
+
+.editify-icon-delete:before {
+	content: '\e60f';
+}
+
+.editify-icon-image:before {
+	content: '\e6ed';
+}
+
+.editify-icon-brush:before {
+	content: '\e71c';
+}
+
+.editify-icon-check:before {
+	content: '\e6cc';
+}
+
+.editify-icon-italic:before {
+	content: '\e69f';
+}
+
+.editify-icon-redo:before {
+	content: '\e6df';
+}
+
+.editify-icon-undo:before {
+	content: '\e713';
+}
+
+.editify-icon-code-block:before {
+	content: '\e620';
+}
+
+.editify-icon-width:before {
+	content: '\e674';
+}
+
+.editify-icon-edit:before {
+	content: '\e817';
+}
+
+.editify-icon-table:before {
+	content: '\e6c4';
+}
+
+.editify-icon-delete-table:before {
+	content: '\e7a2';
+}
+
+.editify-icon-align-center:before {
+	content: '\e783';
+}
+
+.editify-icon-align-justify:before {
+	content: '\e786';
+}
+
+.editify-icon-align-left:before {
+	content: '\e787';
+}
+
+.editify-icon-bold:before {
+	content: '\e78d';
+}
+
+.editify-icon-align-right:before {
+	content: '\e78f';
+}
+
+.editify-icon-font-color:before {
+	content: '\e792';
+}
+
+.editify-icon-format-clear:before {
+	content: '\e793';
+}
+
+.editify-icon-indent-increase:before {
+	content: '\e798';
+}
+
+.editify-icon-quote:before {
+	content: '\e79b';
+}
+
+.editify-icon-indent-decrease:before {
+	content: '\e79c';
+}
+
+.editify-icon-list-ordered:before {
+	content: '\e79f';
+}
+
+.editify-icon-list-unordered:before {
+	content: '\e7a0';
+}
+
+.editify-icon-link:before {
+	content: '\e7a1';
+}
+
+.editify-icon-paragraph:before {
+	content: '\e7a3';
+}
+
+.editify-icon-separator:before {
+	content: '\e7a4';
+}
+
+.editify-icon-subscript:before {
+	content: '\e7a5';
+}
+
+.editify-icon-superscript:before {
+	content: '\e7a6';
+}
+
+.editify-icon-strikethrough:before {
+	content: '\e7a7';
+}
+
+.editify-icon-underline:before {
+	content: '\e7a8';
+}
+
+.editify-icon-text-wrap:before {
+	content: '\e7a9';
+}
+
+.editify-icon-caret-down:before {
+	content: '\e78c';
+}
+
+.editify-icon-delete-column:before {
+	content: '\e784';
+}
+
+.editify-icon-delete-row:before {
+	content: '\e785';
+}
+
+.editify-icon-insert-column-left:before {
+	content: '\e788';
+}
+
+.editify-icon-insert-column-right:before {
+	content: '\e789';
+}
+
+.editify-icon-insert-row-bottom:before {
+	content: '\e78a';
+}
+
+.editify-icon-insert-row-top:before {
+	content: '\e78b';
+}

package/src/index.js

@@ -0,0 +1,22 @@
+//引入组件
+import Editify from './Editify'
+//引入图标样式
+import './icon/iconfont.css'
+//引入国际化
+import i18n from './locale'
+//版本号
+const version = '0.0.1'
+//安装函数
+const install = (app, props) => {
+	const locale = (props ? props.locale : 'zh_CN') || 'zh_CN'
+	app.provide('$editTrans', i18n(locale))
+	app.provide('$editLocale', locale)
+	app.component(Editify.name, Editify)
+}
+
+const stdin_default = {
+	install,
+	version
+}
+
+export { stdin_default as default, install, version }

package/src/locale/en_US.js

@@ -0,0 +1,84 @@
+export default {
+	textWrapUp: 'Up feed',
+	textWrapDown: 'Down feed',
+	insertRowTop: 'Insert row forward',
+	insertRowBottom: 'Insert row backward',
+	insertColumnLeft: 'Insert column forward',
+	insertColumnRight: 'Insert column backward',
+	deleteRow: 'Delete rows',
+	deleteColumn: 'Delete column',
+	deleteTable: 'Delete table',
+	selectLanguages: 'Select language',
+	autoRecognize: 'Auto',
+	linkAddress: 'Link address',
+	newWindowOpen: 'Open in new window',
+	removeLink: 'Remove',
+	viewLink: 'View',
+	linkUrlEnterPlaceholder: 'Please enter the link address',
+	linkTextEnterPlaceholder: 'Please enter the link text',
+	width30: 'Set the width to 30%',
+	width50: 'Set the width to 50%',
+	width100: 'Set the width to 100%',
+	deleteImage: 'Delete image',
+	autoplay: 'Autoplay',
+	disabledAutoplay: 'Turn off autoplay',
+	loop: 'Loop',
+	disabledLoop: 'Close loop',
+	muted: 'Mute',
+	unmuted: 'Unmute',
+	controls: 'Play control',
+	deleteVideo: 'Delete video',
+	heading: 'Heading',
+	bold: 'Bold',
+	h1: 'Heading 1',
+	h2: 'Heading 2',
+	h3: 'Heading 3',
+	h4: 'Heading 4',
+	h5: 'Heading 5',
+	h6: 'Heading 6',
+	text: 'Paragraph',
+	italic: 'Italic',
+	orderList: 'Ordered list',
+	unorderList: 'Unordered list',
+	strikethrough: 'Strikethrough',
+	underline: 'Underline',
+	code: 'Inline code',
+	superscript: 'Superscript',
+	subscript: 'Subscript',
+	fontSize: 'Font size',
+	fontFamily: 'Font family',
+	defaultFontFamily: 'Default',
+	foreColor: 'Forecolor',
+	defaultColor: 'Default color',
+	backColor: 'Backcolor',
+	formatClear: 'Clear format',
+	defaultSize: 'Default',
+	totalWordCount: 'Total word count: ',
+	align: 'Alignment mode',
+	undo: 'Undo',
+	redo: 'Redo',
+	quote: 'Quote',
+	lineHeight: 'Line height',
+	indent: 'Indent',
+	insertLink: 'Insert',
+	insertImage: 'Insert',
+	remoteImage: 'Remote',
+	uploadImage: 'Upload',
+	imageUrlPlaceholder: 'Please enter the image address',
+	insert: 'Insert',
+	insertVideo: 'Insert',
+	remoteVideo: 'Remote',
+	uploadVideo: 'Upload',
+	videoUrlPlaceholder: 'Please enter the video address',
+	insertTable: 'Insert table',
+	inserCodeBlock: 'Insert code block',
+	sourceView: 'Code view',
+	task: 'Task',
+	indentIncrease: 'Increase indent',
+	indentDecrease: 'Reduce indent',
+	alignLeft: 'Align left',
+	alignCenter: 'Align center',
+	alignRight: 'Align right',
+	alignJustify: 'Align justify',
+	defaultLineHeight: 'Default'
+}

package/src/locale/index.js

@@ -0,0 +1,14 @@
+import en_US from './en_US'
+import zh_CN from './zh_CN'
+
+//翻译词组
+const translations = {
+	zh_CN,
+	en_US
+}
+
+export default locale => {
+	return key => {
+		return translations[locale][key]
+	}
+}

package/src/locale/zh_CN.js

@@ -0,0 +1,84 @@
+export default {
+	textWrapUp: '向上换行',
+	textWrapDown: '向下换行',
+	insertRowTop: '向前插入行',
+	insertRowBottom: '向后插入行',
+	insertColumnLeft: '向前插入列',
+	insertColumnRight: '向后插入列',
+	deleteRow: '删除行',
+	deleteColumn: '删除列',
+	deleteTable: '删除表格',
+	selectLanguages: '选择语言',
+	autoRecognize: '自动识别',
+	linkAddress: '链接地址',
+	newWindowOpen: '新窗口打开',
+	removeLink: '移除链接',
+	viewLink: '查看链接',
+	linkUrlEnterPlaceholder: '请输入链接地址',
+	linkTextEnterPlaceholder: '请输入链接文本',
+	width30: '30%宽度',
+	width50: '50%宽度',
+	width100: '100%宽度',
+	deleteImage: '删除图片',
+	autoplay: '自动播放',
+	disabledAutoplay: '关闭自动播放',
+	loop: '循环播放',
+	disabledLoop: '关闭循环播放',
+	muted: '静音',
+	unmuted: '播放声音',
+	controls: '播放控制',
+	deleteVideo: '删除视频',
+	heading: '标题',
+	bold: '粗体',
+	h1: '一级标题',
+	h2: '二级标题',
+	h3: '三级标题',
+	h4: '四级标题',
+	h5: '五级标题',
+	h6: '六级标题',
+	text: '正文',
+	italic: '斜体',
+	orderList: '有序列表',
+	unorderList: '无序列表',
+	strikethrough: '删除线',
+	underline: '下划线',
+	code: '行内代码',
+	superscript: '上标',
+	subscript: '下标',
+	fontSize: '字号',
+	fontFamily: '字体',
+	defaultFontFamily: '默认字体',
+	foreColor: '前景色',
+	defaultColor: '默认颜色',
+	backColor: '背景色',
+	formatClear: '清除格式',
+	defaultSize: '默认字号',
+	totalWordCount: '总字数：',
+	align: '对齐方式',
+	undo: '撤销',
+	redo: '重做',
+	quote: '引用',
+	lineHeight: '行高',
+	indent: '缩进',
+	insertLink: '插入链接',
+	insertImage: '插入图片',
+	remoteImage: '网络图片',
+	uploadImage: '上传图片',
+	imageUrlPlaceholder: '请输入图片地址',
+	insert: '插入',
+	insertVideo: '插入视频',
+	remoteVideo: '网络视频',
+	uploadVideo: '上传视频',
+	videoUrlPlaceholder: '请输入视频地址',
+	insertTable: '插入表格',
+	inserCodeBlock: '插入代码块',
+	sourceView: '代码视图',
+	task: '待办',
+	indentIncrease: '增加缩进',
+	indentDecrease: '减少缩进',
+	alignLeft: '左对齐',
+	alignCenter: '居中对齐',
+	alignRight: '右对齐',
+	alignJustify: '两端对齐',
+	defaultLineHeight: '默认行高'
+}