提交 38cc00ca authored 作者: 刘守彩's avatar 刘守彩

fix(tinymce): fix tinymce toobar

上级 e3d3d906
......@@ -38,7 +38,7 @@
"axios": "0.27.2",
"clipboard": "2.0.11",
"core-js": "3.28.0",
"echarts": "5.4.3",
"echarts": "5.5.0",
"element-ui": "2.15.14",
"file-saver": "2.0.5",
"fuse.js": "6.4.3",
......@@ -50,11 +50,11 @@
"screenfull": "5.0.2",
"sortablejs": "1.10.2",
"tailwindcss": "1.9.6",
"tinymce": "6.4.0",
"tinymce": "6.8.3",
"vue": "2.7.16",
"vue-count-to": "1.0.13",
"vue-cropper": "0.5.5",
"vue-echarts": "6.6.1",
"vue-cropper": "0.6.4",
"vue-echarts": "6.6.9",
"vue-meta": "2.4.0",
"vue-router": "3.6.5",
"vuedraggable": "2.24.3",
......
......@@ -44,6 +44,12 @@ const insertImage = (file, url, editor) => {
reader.readAsDataURL(file);
};
const insertUploadImage = (file, editor) => {
uploadApi(file).then((res) => {
insertImage(file, res.url, editor);
});
};
export default {
name: 'Tinymce',
props: {
......@@ -64,10 +70,10 @@ export default {
selector: ('tinymce' + Math.random()).replace('0.', ''),
editorValue: '',
defaultSetting: {
language_url: '/tinymce/langs/zh-Hans.js',
language_url: `${process.env.BASE_URL}tinymce/langs/zh-Hans.js`,
language: 'zh-Hans',
skin_url: '/tinymce/skins/ui/oxide',
content_css: '/tinymce/skins/content/default/content.min.css',
skin_url: `${process.env.BASE_URL}tinymce/skins/ui/oxide`,
content_css: `${process.env.BASE_URL}tinymce/skins/content/default/content.min.css`,
min_height: 250,
max_height: 600,
selector: '#' + this.selector,
......@@ -100,9 +106,7 @@ export default {
if (!files.length) {
return;
}
uploadApi(files[0]).then((res) => {
insertImage(files[0], res.url, editor);
});
insertUploadImage(files[0], editor);
});
},
onSetup: (buttonApi) => {}
......@@ -117,7 +121,7 @@ export default {
e.preventDefault();
const file = e.dataTransfer && e.dataTransfer.files[0];
if (file && file.type.indexOf('image') > -1) {
insertImage(file, editor);
insertUploadImage(file, editor);
}
});
}
......@@ -144,6 +148,7 @@ export default {
mounted() {
tinymce.init({});
},
beforeDestroy() {},
methods: {}
};
</script>
......
<template>
<section class="app-main">
<transition name="fade-transform" mode="out-in">
<transition name="fade" mode="out-in">
<keep-alive :include="cachedViews">
<router-view v-if="!$route.meta.link" :key="key" />
</keep-alive>
......
......@@ -2,7 +2,6 @@
<v-chart :option="chartOption" autoresize></v-chart>
</template>
<script>
const animationDuration = 1000;
export default {
data() {
return {
......@@ -44,24 +43,21 @@ export default {
type: 'bar',
stack: 'vistors',
barWidth: '60%',
data: [79, 52, 200, 334, 390, 330, 220],
animationDuration
data: [79, 52, 200, 334, 390, 330, 220]
},
{
name: 'pageB',
type: 'bar',
stack: 'vistors',
barWidth: '60%',
data: [80, 52, 200, 334, 390, 330, 220],
animationDuration
data: [80, 52, 200, 334, 390, 330, 220]
},
{
name: 'pageC',
type: 'bar',
stack: 'vistors',
barWidth: '60%',
data: [30, 52, 200, 334, 390, 330, 220],
animationDuration
data: [30, 52, 200, 334, 390, 330, 220]
}
]
}
......
<template>
<div class="app-container home">
<div class="p-10 text-16 border-primary border rounded-3 mb-10">
这是taiwindcss示例,具体参考<a
class="text-primary"
href="https://www.tailwindcss.cn/"
target="_blank"
>文档</a
>
</div>
<el-button
@click="$modal.msgSuccess('测试提示')"
class="mb-10"
type="primary"
>主要按钮</el-button
>
<ty-tabs
:tab-list="tabList"
:default-active-index="defaultActiveIndex"
type="card"
/>
</div>
</template>
<script>
export default {
name: 'Index',
data() {
return {
// 版本号
version: '3.8.7',
tabList: [
{ name: '标签1', value: 1 },
{ name: '标签2', value: 2, disabled: true },
{ name: '标签3', value: 3 },
{ name: '长标签当大于8个字时', value: 2 }
],
defaultActiveIndex: 2
};
},
methods: {
goTarget(href) {
window.open(href, '_blank');
}
}
};
</script>
<style scoped lang="scss">
.home {
blockquote {
padding: 10px 20px;
margin: 0 0 20px;
font-size: 17.5px;
border-left: 5px solid #eee;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eee;
}
.col-item {
margin-bottom: 20px;
}
ul {
padding: 0;
margin: 0;
}
font-family: 'open sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 13px;
color: #676a6c;
overflow-x: hidden;
ul {
list-style-type: none;
}
h4 {
margin-top: 0px;
}
h2 {
margin-top: 10px;
font-size: 26px;
font-weight: 100;
}
p {
margin-top: 10px;
b {
font-weight: 700;
}
}
.update-log {
ol {
display: block;
list-style-type: decimal;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0;
margin-inline-end: 0;
padding-inline-start: 40px;
}
}
}
</style>
......@@ -13,13 +13,17 @@ export default {
},
data() {
return {
TinymceContent: `
<h1><span style="color:red"> I am Example 1! </span></h1>
<p>text</p>
<h3>
<span style="background-color: #38f; color: rgb(255, 255, 255);">this is a demo</span>
</h3>
`
TinymceContent: `<h1 style="text-align: center;">如果我是孙悟空</h1>
<p class="">如果我是孙悟空穿越到现代,我会尽量保持低调并适应现代生活。以下是我可能会采取的一些策略:</p>
<ol>
<li><strong>学习现代知识</strong>:首先,我会努力学习现代的语言、文化、科技和生活方式。这可以通过阅读书籍、观看电视节目和互联网资源来实现。</li>
<li><strong>运用隐身术</strong>:如果可能的话,我会使用我的隐身术来避免引起不必要的注意。这样,我就可以在不被人发现的情况下观察和学习现代社会的运作方式。</li>
<li><strong>利用智慧和技能</strong>:虽然现代科技与我所在的时代大不相同,但我的智慧和技能仍然可以派上用场。例如,我可以利用我的变化能力来帮助人们解决一些难题,或者利用我的快速移动能力来帮助救援人员迅速到达现场。</li>
<li><strong>保护隐私</strong>:为了避免被现代社会的监控设备发现,我会尽量避免使用电子设备,如手机、电脑等。同时,我也会注意保护自己的隐私,避免暴露自己的身份。</li>
<li><strong>融入社区</strong>:我会尝试融入当地社区,与人们建立联系。我可以扮演一个普通的市民,参与社区活动,了解当地的文化和生活方式。</li>
<li><strong>保持谦逊</strong>:虽然我有强大的能力,但我会保持谦逊和低调,避免引起不必要的注意。我会尊重现代社会的规则和习惯,尽量不干涉他人的生活。</li>
</ol>
<p class="">总之,如果我是孙悟空穿越到现代,我会尽力适应现代生活,保持低调并尊重当地的文化和习惯。同时,我也会利用我的智慧和技能来帮助人们解决问题,为社会做出贡献。</p>`
};
},
mounted() {},
......
......@@ -507,7 +507,7 @@ export default {
// 总条数
total: 0,
// 用户表格数据
userList: null,
userList: [],
// 弹出层标题
title: '',
// 部门树选项
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论