45fef9b431
* perf[navbar]: set langSelect to component && refine errorLog component
* feat[login]:add 18n to login form
* fix[pagination]: fixed when selected page-sizes
* perf[i18n]:dashboard document svg permission
* perf[charts]: perf effect
* perf[i18n]:excel && zip
* perf[i18n]: table && errorLog && theme
* perf[i18n]: components
* perf[i18n]: direct use $t
* perf[i18n]: complex-table
* update README.md
* update README.md 📘
* perf[i18n]: refine code comments
42 lines
1.1 KiB
Vue
42 lines
1.1 KiB
Vue
<template>
|
|
<div class="components-container">
|
|
<code>
|
|
{{$t('components.tinymceTips')}}
|
|
<a target="_blank" class="link-type" href="https://panjiachen.github.io/vue-element-admin-site/#/rich-editor"> {{$t('components.documentation')}}</a>
|
|
</code>
|
|
<div>
|
|
<tinymce :height="300" v-model="content"></tinymce>
|
|
</div>
|
|
<div class="editor-content" v-html="content"></div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import Tinymce from '@/components/Tinymce'
|
|
|
|
export default {
|
|
name: 'tinymce-demo',
|
|
components: { Tinymce },
|
|
data() {
|
|
return {
|
|
content:
|
|
`<h1 style="text-align: center;">Welcome to the TinyMCE demo!</h1>
|
|
<ul>
|
|
<li>Our <a href="//www.tinymce.com/docs/">documentation</a> is a great resource for learning how to configure TinyMCE.</li>
|
|
<li>Have a specific question? Visit the <a href="https://community.tinymce.com/forum/">Community Forum</a>.</li>
|
|
<li>We also offer enterprise grade support as part of <a href="https://tinymce.com/pricing">TinyMCE premium subscriptions</a>.</li>
|
|
</ul>
|
|
`
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.editor-content{
|
|
margin-top: 20px;
|
|
}
|
|
</style>
|
|
|
|
|