From 0825695b4e1b1de56d5d902fa34ed58e76f22546 Mon Sep 17 00:00:00 2001 From: yanglbme Date: Tue, 5 Nov 2019 16:57:31 +0800 Subject: [PATCH] feat: update elements style MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 更新元素样式 --- assets/css/app.css | 5 -- assets/scripts/editor.js | 6 +-- index.html | 53 ++++++++----------- .../github-v2.min.css | 0 .../tomorrow-night-eighties.min.css | 0 .../tomorrow-night.min.css | 0 .../tomorrow.min.css | 0 7 files changed, 26 insertions(+), 38 deletions(-) rename libs/prettify/{color-themes => code-themes}/github-v2.min.css (100%) rename libs/prettify/{color-themes => code-themes}/tomorrow-night-eighties.min.css (100%) rename libs/prettify/{color-themes => code-themes}/tomorrow-night.min.css (100%) rename libs/prettify/{color-themes => code-themes}/tomorrow.min.css (100%) diff --git a/assets/css/app.css b/assets/css/app.css index 125bb92..e569056 100644 --- a/assets/css/app.css +++ b/assets/css/app.css @@ -21,11 +21,6 @@ html, body { font-family: 'PingFang SC', BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif; } -.copy-button { - text-decoration: none; - color: #ff3502 -} - .el-message__icon { display: none } diff --git a/assets/scripts/editor.js b/assets/scripts/editor.js index e15a82b..63ea26d 100644 --- a/assets/scripts/editor.js +++ b/assets/scripts/editor.js @@ -144,16 +144,16 @@ let app = new Vue({ try { if (document.execCommand('copy')) { this.$message({ - message: '已复制到剪贴板', type: 'success' + message: '已复制文章到剪贴板,可直接到公众号后台粘贴', type: 'success' }) } else { this.$message({ - message: '未能复制到剪贴板,请全选后右键复制', type: 'warning' + message: '未能复制文章到剪贴板,请全选后右键复制', type: 'warning' }) } } catch (err) { this.$message({ - message: '未能复制到剪贴板,请全选后右键复制', type: 'warning' + message: '未能复制文章到剪贴板,请全选后右键复制', type: 'warning' }) } }, diff --git a/index.html b/index.html index ff24e04..f0fe635 100644 --- a/index.html +++ b/index.html @@ -1,10 +1,11 @@ + - 微信公众号 Markdown 编辑器 + 微信 Markdown 编辑器 @@ -16,10 +17,10 @@ - - + +
@@ -33,22 +34,20 @@
-
icon 公众号 Markdown 编辑器
+
icon 微信 Markdown 编辑器 +
+ :value="editorTheme.value"> - + {{ font.label }} Abc @@ -56,10 +55,7 @@ - + {{ size.label }} {{ size.desc }} @@ -75,21 +71,17 @@ - 关于 + 复制 + 关于
-
-
全选复制或点此复制,然后在公众号编辑器粘贴
@@ -101,19 +93,19 @@ -
-

一款可以将 Markdown 转换为微信公众号文章的在线编辑器,

-

这让你在公众号创作时,摆脱繁琐地排版样式,

-

可以把更多的时间专注于文章本身。

-

除了常规 Markdown 格式化,还增加了外链引用、注音样式等。

+
+

一款简洁美观的微信 Markdown 编辑器

+

扫码关注我的公众号,原创技术文章第一时间推送!

- 查看 GitHub 仓库 - + GitHub 仓库 + + Gitee 仓库 + +
@@ -137,4 +129,5 @@ - + + \ No newline at end of file diff --git a/libs/prettify/color-themes/github-v2.min.css b/libs/prettify/code-themes/github-v2.min.css similarity index 100% rename from libs/prettify/color-themes/github-v2.min.css rename to libs/prettify/code-themes/github-v2.min.css diff --git a/libs/prettify/color-themes/tomorrow-night-eighties.min.css b/libs/prettify/code-themes/tomorrow-night-eighties.min.css similarity index 100% rename from libs/prettify/color-themes/tomorrow-night-eighties.min.css rename to libs/prettify/code-themes/tomorrow-night-eighties.min.css diff --git a/libs/prettify/color-themes/tomorrow-night.min.css b/libs/prettify/code-themes/tomorrow-night.min.css similarity index 100% rename from libs/prettify/color-themes/tomorrow-night.min.css rename to libs/prettify/code-themes/tomorrow-night.min.css diff --git a/libs/prettify/color-themes/tomorrow.min.css b/libs/prettify/code-themes/tomorrow.min.css similarity index 100% rename from libs/prettify/color-themes/tomorrow.min.css rename to libs/prettify/code-themes/tomorrow.min.css