新增其他网站复制按钮
This commit is contained in:
parent
05d0e6b339
commit
0238d8fa8f
|
|
@ -1,3 +1,14 @@
|
|||
<!--
|
||||
* @Author: DLLCNX
|
||||
* @Date: 2023-07-29 22:04:08
|
||||
* @LastEditors: DLLCNX
|
||||
* @LastEditTime: 2023-08-03 18:07:52
|
||||
* @FilePath: /md/public/index.html
|
||||
* @Description:
|
||||
*
|
||||
* DLLCNX dllcnx@foxmail.com
|
||||
* Copyright (c) 2023 by DLLCNX, All Rights Reserved.
|
||||
-->
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
|
|
@ -29,6 +40,7 @@
|
|||
href="https://cdn-doocs.oss-cn-shenzhen.aliyuncs.com/gh/wechatsync/article-syncjs@latest/dist/styles.css"
|
||||
/>
|
||||
<script src="https://cdn-doocs.oss-cn-shenzhen.aliyuncs.com/npm/prettify/r298/prettify.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.8/clipboard.min.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
|
|
|||
|
|
@ -1 +1,23 @@
|
|||
# sdfdsf
|
||||
# 示例文章：xxx
|
||||
|
||||
|
||||
## 一、标题
|
||||
|
||||
### 1.1 一级标题
|
||||
|
||||
|
||||
## 二、段落
|
||||
|
||||
|
||||
|
||||
|
||||
## 三、字体
|
||||
|
||||
|
||||
|
||||
|
||||
## 四、欢迎访问
|
||||
|
||||
<center>
|
||||
<img src="https://dllcnx.com:18889/images/dllcnx/gzh/search_01.jpg" style="width: 100px;">
|
||||
</center>
|
||||
|
|
|
|||
|
|
@ -137,7 +137,7 @@
|
|||
</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
<el-dropdown>
|
||||
<!-- <el-dropdown>
|
||||
<span class="el-dropdown-link">
|
||||
帮助<i class="el-icon-arrow-down el-icon--right"></i>
|
||||
</span>
|
||||
|
|
@ -146,14 +146,26 @@
|
|||
关于
|
||||
</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</el-dropdown> -->
|
||||
</div>
|
||||
|
||||
<el-button plain size="medium" :type="btnType" @click="copy">
|
||||
复制
|
||||
复制到公众号
|
||||
</el-button>
|
||||
<!-- <el-button plain size="medium" :type="btnType" @click="prePost">
|
||||
发布
|
||||
</el-button> -->
|
||||
<el-dropdown @command="handleClick" id="copyButton" trigger="click">
|
||||
<el-button plain size="medium" :type="btnType">
|
||||
复制到其它<i class="el-icon-arrow-down el-icon--right"></i>
|
||||
</el-button>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item
|
||||
v-for="item in commands"
|
||||
v-bind:key="item.key"
|
||||
:command="item.key"
|
||||
>
|
||||
{{ item.title }}
|
||||
</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
|
||||
<post-info-dialog
|
||||
:form="form"
|
||||
|
|
@ -185,6 +197,28 @@ export default {
|
|||
name: `editor-header`,
|
||||
data() {
|
||||
return {
|
||||
commands: [
|
||||
{
|
||||
key: `juejin`,
|
||||
title: `复制到掘金`,
|
||||
url: `https://juejin.cn`,
|
||||
},
|
||||
{
|
||||
key: `segmentfault`,
|
||||
title: `复制到思否`,
|
||||
url: `https://segmentfault.com`,
|
||||
},
|
||||
{
|
||||
key: `CSDN`,
|
||||
title: `复制到CSDN`,
|
||||
url: `https://www.csdn.net`,
|
||||
},
|
||||
{
|
||||
key: `jianshu`,
|
||||
title: `复制到简书`,
|
||||
url: `https://www.jianshu.com`,
|
||||
},
|
||||
],
|
||||
config,
|
||||
citeStatus: false,
|
||||
isMacCodeBlock: true,
|
||||
|
|
@ -341,6 +375,7 @@ export default {
|
|||
|
||||
const clipboardDiv = document.getElementById(`output`)
|
||||
clipboardDiv.innerHTML = mergeCss(clipboardDiv.innerHTML)
|
||||
debugger
|
||||
if (this.isMacCodeBlock) {
|
||||
clipboardDiv.innerHTML = clipboardDiv.innerHTML.replaceAll(
|
||||
/(<code class="prettyprint[^>]*)(style=")/g,
|
||||
|
|
@ -360,15 +395,31 @@ export default {
|
|||
// 输出提示
|
||||
this.$notify({
|
||||
showClose: true,
|
||||
message: `已复制渲染后的文章到剪贴板，可直接到公众号后台粘贴`,
|
||||
message: `已复制渲染后的文章到剪贴板,2秒后打开公众号后台，可直接到公众号后台粘贴`,
|
||||
offset: 80,
|
||||
duration: 1600,
|
||||
type: `success`,
|
||||
})
|
||||
this.$emit(`refresh`)
|
||||
this.$emit(`endCopy`)
|
||||
setTimeout(() => {
|
||||
window.open(`https://mp.weixin.qq.com`, `_blank`)
|
||||
}, 2000)
|
||||
}, 350)
|
||||
},
|
||||
copyMd(url) {
|
||||
// 输出提示
|
||||
this.$notify({
|
||||
showClose: true,
|
||||
message: `已复制渲染后的文章到剪贴板,2秒后将跳转至对应网站`,
|
||||
offset: 80,
|
||||
duration: 1600,
|
||||
type: `success`,
|
||||
})
|
||||
setTimeout(() => {
|
||||
url && window.open(url, `_blank`)
|
||||
}, 2000)
|
||||
},
|
||||
// 自定义CSS样式
|
||||
async customStyle() {
|
||||
this.$emit(`showCssEditor`)
|
||||
|
|
@ -410,6 +461,16 @@ export default {
|
|||
this.showResetConfirm = false
|
||||
this.editor.focus()
|
||||
},
|
||||
handleClick(e) {
|
||||
let url = this.commands.filter((item) => item.key === e)[0].url
|
||||
switch (e) {
|
||||
case `wechat`:
|
||||
this.copy(url)
|
||||
break
|
||||
default:
|
||||
this.copyMd(url)
|
||||
}
|
||||
},
|
||||
...mapActions(useStore, [
|
||||
`setCurrentColor`,
|
||||
`setCiteStatus`,
|
||||
|
|
@ -420,6 +481,7 @@ export default {
|
|||
`setCurrentCodeTheme`,
|
||||
`setWxRendererOptions`,
|
||||
`setIsMacCodeBlock`,
|
||||
`getDoc`,
|
||||
]),
|
||||
},
|
||||
mounted() {
|
||||
|
|
@ -432,7 +494,9 @@ export default {
|
|||
|
||||
const fileInput = this.$refs.fileInput
|
||||
fileInput.onchange = () => {
|
||||
debugger
|
||||
const file = fileInput.files[0]
|
||||
debugger
|
||||
if (file == null) {
|
||||
return
|
||||
}
|
||||
|
|
@ -442,6 +506,20 @@ export default {
|
|||
this.$emit(`import-md`, read.result)
|
||||
}
|
||||
}
|
||||
|
||||
var clipboard = new ClipboardJS(`#copyButton`, {
|
||||
text: () => {
|
||||
return this.editor.getValue()
|
||||
},
|
||||
})
|
||||
|
||||
clipboard.on(`success`, (e) => {
|
||||
console.log(`复制成功`)
|
||||
})
|
||||
|
||||
clipboard.on(`error`, (e) => {
|
||||
console.log(`复制失败`)
|
||||
})
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
|
|
|||
Loading…
Reference in New Issue