huoran
/
FE_python_trial
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 9 Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
159 Commits
7 Branches
16 Tags
12 MiB
 
 
 
 
Tag: Branch: Tree: 0cd08eeaec
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '0cd08eeaec'
${ noResults }
FE_python_trial/src/components/tinymceConfig.js

622 lines
19 KiB
Raw Blame History Escape

import Oss from '@/components/upload/upload.js'
import { Loading } from 'element-ui'
export default {
//skin:'oxide-dark',
language: 'zh_CN',
language_url: './styles/tinymce/langs/zh_CN.js',
plugins: 'print preview searchreplace autolink directionality visualblocks visualchars fullscreen image link media template codesample table charmap hr pagebreak nonbreaking anchor insertdatetime advlist lists wordcount imagetools textpattern help emoticons autoresize',
toolbar: 'code undo redo restoredraft | cut copy pastetext | forecolor backcolor headings fontsize lineHeight bold italic underline strikethrough link anchor | alignleft aligncenter alignright alignjustify | \
styleselect fontselect fontsizeselect | bullist numlist | blockquote subscript superscript removeformat | \
table image media charmap emoticons hr pagebreak insertdatetime print preview | fullscreen | indent2em',
style_formats: [
//新增 首行缩进与行高 配置
{
title: '首行缩进',
block: 'p',
styles: {
'text-indent': '2em'
}
},
{
title: '行高',
items: [{
title: '1',
styles: {
'line-height': '1'
},
inline: 'span'
},
{
title: '1.5',
styles: {
'line-height': '1.5'
},
inline: 'span'
},
{
title: '2',
styles: {
'line-height': '2'
},
inline: 'span'
},
{
title: '2.5',
styles: {
'line-height': '2.5'
},
inline: 'span'
},
{
title: '3',
styles: {
'line-height': '3'
},
inline: 'span'
}
]
},
//默认的配置
{
title: 'headings',
items: [
{
title: 'Heading 1',
format: 'h1'
},
{
title: 'Heading 2',
format: 'h2'
},
{
title: 'Heading 3',
format: 'h3'
},
{
title: 'Heading 4',
format: 'h4'
},
{
title: 'Heading 5',
format: 'h5'
},
{
title: 'Heading 6',
format: 'h6'
}
]
},
{
title: 'Inline',
items: [
{
title: 'Bold',
icon: 'bold',
format: 'bold'
},
{
title: 'Italic',
icon: 'italic',
format: 'italic'
},
{
title: 'Underline',
icon: 'underline',
format: 'underline'
},
{
title: 'Strikethrough',
icon: 'strikethrough',
format: 'strikethrough'
},
{
title: 'Superscript',
icon: 'superscript',
format: 'superscript'
},
{
title: 'Subscript',
icon: 'subscript',
format: 'subscript'
},
{
title: 'Code',
icon: 'code',
format: 'code'
}
]
},
{
title: 'Blocks',
items: [
{
title: 'Paragraph',
format: 'p'
},
{
title: 'Blockquote',
format: 'blockquote'
},
{
title: 'Div',
format: 'div'
},
{
title: 'Pre',
format: 'pre'
}
]
},
{
title: 'Alignment',
items: [
{
title: 'Left',
icon: 'alignleft',
format: 'alignleft'
},
{
title: 'Center',
icon: 'aligncenter',
format: 'aligncenter'
},
{
title: 'Right',
icon: 'alignright',
format: 'alignright'
},
{
title: 'Justify',
icon: 'alignjustify',
format: 'alignjustify'
}
]
}
],
promotion: false,
branding: false,
width: '100%',
height: 400, //编辑器高度
min_height: 400,
max_height: 600,
content_css: [ //可设置编辑区内容展示的css，谨慎使用
'./styles/css/editor.css',
],
// content_style: Style,
fontsize_formats: '12px 14px 16px 19px 24px 36px 48px 56px 72px',
font_formats: '苹果苹方=PingFang SC,Microsoft YaHei,sans-serif;宋体=simsun,serif;微软雅黑=Microsoft YaHei,Helvetica Neue,PingFang SC,sans-serif;仿宋体=FangSong,serif;黑体=SimHei,sans-serif;Arial=arial,helvetica,sans-serif;Arial Black=arial black,avant garde;Book Antiqua=book antiqua,palatino;Comic Sans MS=comic sans ms,sans-serif;Courier New=courier new,courier;Georgia=georgia,palatino;Helvetica=helvetica;Impact=impact,chicago;Symbol=symbol;Tahoma=tahoma,arial,helvetica,sans-serif;Terminal=terminal,monaco;Times New Roman=times new roman,times;Verdana=verdana,geneva;Webdings=webdings;Wingdings=wingdings,zapf dingbats;知乎配置=BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;小米配置=Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif',
link_list: [
{ title: '预置链接1', value: 'http://www.tinymce.com' },
{ title: '预置链接2', value: 'http://tinymce.ax-z.cn' }
],
image_list: [
{ title: '预置图片1', value: 'https://www.tiny.cloud/images/glyph-tinymce@2x.png' },
{ title: '预置图片2', value: 'https://www.baidu.com/img/bd_logo1.png' }
],
image_class_list: [
{ title: 'None', value: '' },
{ title: 'Some class', value: 'class-name' }
],
//importcss_append: true,
//自定义文件选择器的回调内容
file_picker_callback: function (callback, value, meta) {
if (meta.filetype === 'file') {
callback('https://www.baidu.com/img/bd_logo1.png', { text: 'My text' });
}
if (meta.filetype === 'image') {
callback('https://www.baidu.com/img/bd_logo1.png', { alt: 'My alt text' });
}
if (meta.filetype === 'media') {
callback('movie.mp4', { source2: 'alt.ogg', poster: 'https://www.baidu.com/img/bd_logo1.png' });
}
},
//为内容模板插件提供预置模板
templates: [
{
title: '个股分析报告', description: '', content: `
<div class="tiny-report">
<h2>个股分析报告</h2>
<h6>1.引言</h6>
<ul>
<li>简要介绍报告的目的和背景</li>
<li>概述报告的结构和方法</li>
</ul>
<h6>2.公司概况</h6>
<ul>
<li>描述所分析个股所属的公司背景和业务领域</li>
<li>介绍公司的历史、组织结构和治理情况</li>
<li>探讨公司的核心竞争优势和市场地位</li>
</ul>
<h6>3.财务分析</h6>
<ul>
<li>分析公司的财务状况，包括利润表、资产负债表和现金流量表</li>
<li>探讨公司的盈利能力、偿债能力和现金流状况</li>
<li>研究公司的财务指标和比率，如利润率、ROE和债务比率</li>
</ul>
<h6>4.行业比较和竞争分析</h6>
<ul>
<li>将所分析个股与同行业公司进行比较</li>
<li>分析个股在行业中的市场份额和竞争地位</li>
<li>探讨个股与竞争对手的差异和优势</li>
</ul>
<h6>5.市场前景和趋势</h6>
<ul>
<li>研究所分析个股所属行业的市场前景和增长趋势</li>
<li>探讨行业内的关键市场驱动因素和趋势</li>
<li>分析个股在行业发展中的机会和挑战</li>
</ul>
<h6>6.投资评估和风险分析</h6>
<ul>
<li>进行个股的估值分析，包括基本面和市场估值指标</li>
<li>评估个股的投资回报和风险水平</li>
<li>分析个股所面临的风险和不确定性因素</li>
</ul>
<h6>7.结论和建议</h6>
<ul>
<li>总结报告的主要发现和结论</li>
<li>提出对个股的投资建议和操作策略</li>
<li>强调个股的优势和风险要素</li>
</ul>
<h6>8.参考文献</h6>
<ul>
<li>列出用于报告的参考文献和数据来源</li>
</ul>
</div>
`
},
{
title: '行业数据分析报告', description: '', content: `
<div class="tiny-report">
<h2>行业数据分析报告</h2>
<h6>1.引言</h6>
<ul>
<li>简要介绍报告的目的和背景</li>
<li>概述报告的结构和方法</li>
</ul>
<h6>2.行业概述</h6>
<ul>
<li>描述所分析行业的定义和范围</li>
<li>介绍行业的发展历程和背景</li>
<li>探讨行业的重要性和地位</li>
</ul>
<h6>3.行业规模和增长趋势</h6>
<ul>
<li>分析行业的市场规模和增长率</li>
<li>研究行业的产值、销售额和利润情况</li>
<li>探讨行业的发展趋势和前景</li>
</ul>
<h6>4.主要参与者和竞争格局</h6>
<ul>
<li>介绍行业的主要参与者和关键公司</li>
<li>分析竞争格局和市场份额分布</li>
<li>研究竞争对手的策略和市场定位</li>
</ul>
<h6>5.消费者行为和市场需求</h6>
<ul>
<li>调查消费者行为和购买习惯</li>
<li>分析市场需求和潜在增长点</li>
<li>探讨消费者对产品或服务的偏好和趋势</li>
</ul>
<h6>6.技术创新和趋势</h6>
<ul>
<li>研究行业的技术创新和发展趋势</li>
<li>分析新技术对行业的影响和潜在机会</li>
<li>探讨行业内的关键技术驱动因素</li>
</ul>
<h6>7.政策和法规环境</h6>
<ul>
<li>探讨政府政策对行业的影响</li>
<li>分析法规环境和合规要求</li>
<li>研究政策变化对行业的潜在影响</li>
</ul>
<h6>8.风险与挑战</h6>
<ul>
<li>识别当前面临的风险和挑战</li>
<li>分析这些风险和挑战对行业的潜在影响</li>
<li>探讨如何应对这些风险和挑战的策略和措施</li>
</ul>
<h6>9.结论和展望</h6>
<ul>
<li>总结报告的主要发现和结论</li>
<li>展望行业的未来走向和发展趋势</li>
<li>提出建议和策略推荐</li>
</ul>
<h6>10.参考文献</h6>
<ul>
<li>列出用于报告的参考文献和数据来源</li>
</ul>
</div>
`
},
{
title: '宏观数据分析报告', description: '', content: `
<div class="tiny-report">
<h2>宏观数据分析报告</h2>
<h6>1.引言</h6>
<ul>
<li>简要介绍报告的目的和背景</li>
<li>概述报告的结构和方法</li>
</ul>
<h6>2.数据来源和方法</h6>
<ul>
<li>描述数据来源和采集方法</li>
<li>说明数据的时间范围和覆盖领域</li>
</ul>
<h6>3.宏观经济指标分析</h6>
<ul>
<li>分析国内生产总值（GDP）的趋势和增长率</li>
<li>研究劳动力市场情况，包括就业率和失业率</li>
<li>探讨通货膨胀水平和消费价格指数（CPI）的变化</li>
<li>分析财政政策和货币政策的影响</li>
</ul>
<h6>4.产业和部门分析</h6>
<ul>
<li>分析各个主要产业和部门的增长情况和趋势</li>
<li>探讨各个产业和部门的投资、产出和就业情况</li>
<li>研究产业结构的变化和发展趋势</li>
</ul>
<h6>5.外部环境分析</h6>
<ul>
<li>分析国际贸易和出口入口情况</li>
<li>探讨国际金融市场和汇率的影响</li>
<li>研究全球经济形势和主要国家的经济动向</li>
</ul>
<h6>6.风险与挑战</h6>
<ul>
<li>识别当前面临的经济风险和挑战</li>
<li>分析这些风险和挑战对宏观经济的潜在影响</li>
<li>探讨如何应对这些风险和挑战的政策和措施</li>
</ul>
<h6>7.结论和展望</h6>
<ul>
<li>总结报告的主要发现和结论</li>
<li>展望宏观经济的未来走向和发展趋势</li>
<li>提出建议和政策推荐</li>
</ul>
<h6>8.参考文献</h6>
<ul>
<li>列出用于报告的参考文献和数据来源</li>
</ul>
</div>
`
},
{
title: '可视化报告', description: '', content: `
<div class="tiny-report">
<h2>可视化报告</h2>
<h6>1.封面</h6>
<ul>
<li>报告的标题和日期</li>
<li>公司或机构的标志或名称</li>
</ul>
<h6>2.目录</h6>
<ul>
<li>列出报告中各个部分的页码</li>
</ul>
<h6>3.引言</h6>
<ul>
<li>简要介绍报告的目的和背景</li>
<li>概述报告的结构和方法</li>
</ul>
<h6>4.数据总览</h6>
<ul>
<li>展示所涵盖的数据范围和来源</li>
<li>提供关键指标的总结和概览</li>
</ul>
<h6>5.主要发现</h6>
<ul>
<li>使用图表、图形或图像来突出报告的主要发现</li>
<li>强调关键趋势、模式和见解</li>
</ul>
<h6>6.数据分析</h6>
<ul>
<li>使用适当的图表和图形展示数据分析的结果</li>
<li>包括柱状图、折线图、饼图、散点图等</li>
</ul>
<h6>7.行业比较和竞争分析</h6>
<ul>
<li>使用可视化工具对所分析个股与同行业公司进行比较</li>
<li>展示市场份额、增长率、利润率等数据的对比</li>
</ul>
<h6>8.市场前景和趋势</h6>
<ul>
<li>使用图表和图形展示行业的市场前景和趋势</li>
<li>强调关键驱动因素和预测数据</li>
</ul>
<h6>9.投资评估和风险分析</h6>
<ul>
<li>使用可视化方式展示个股的估值分析和风险评估结果</li>
<li>包括走势图、波动图、风险矩阵等</li>
</ul>
<h6>10.结论和建议</h6>
<ul>
<li>简明扼要地总结报告的主要发现和结论</li>
<li>提出对个股的投资建议和操作策略</li>
</ul>
<h6>11.附录</h6>
<ul>
<li>包括用于报告的原始数据、图表和图形的源代码</li>
<li>提供其他补充信息和参考资料</li>
</ul>
</div>
`
},
{
title: '数据分析报告', description: '', content: `
<div class="tiny-report">
<h2>数据分析报告</h2>
<h6>1.引言</h6>
<ul>
<li>简要介绍报告的目的和背景</li>
<li>概述报告的结构和方法</li>
</ul>
<h6>2.数据来源和方法</h6>
<ul>
<li>描述使用的数据来源和采集方法</li>
<li>说明所采用的数据分析方法和技术</li>
</ul>
<h6>3.数据概览</h6>
<ul>
<li>提供对数据集的概览和总体统计信息</li>
<li>描述数据的规模、特征和基本属性</li>
</ul>
<h6>4.数据清洗和预处理</h6>
<ul>
<li>描述数据清洗和预处理的步骤和方法</li>
<li>解释对数据进行清洗和处理的原因和目的</li>
</ul>
<h6>5.数据分析结果</h6>
<ul>
<li>使用适当的图表、图形或图像展示数据分析的结果</li>
<li>包括柱状图、折线图、饼图、散点图等，根据数据类型和问题选择合适的可视化方式</li>
</ul>
<h6>6.数据解读和发现</h6>
<ul>
<li>分析和解释数据分析的结果和趋势</li>
<li>强调重要的数据关系、模式和见解</li>
</ul>
<h6>7.分析方法和模型</h6>
<ul>
<li>描述使用的分析方法和模型</li>
<li>解释选择这些方法和模型的原因和假设</li>
</ul>
<h6>8.结果验证和可靠性</h6>
<ul>
<li>讨论数据分析结果的可靠性和有效性</li>
<li>解释结果验证的方法和步骤</li>
</ul>
<h6>9.结论和建议</h6>
<ul>
<li>总结报告的主要发现和结论</li>
<li>提出基于数据分析的建议和决策支持</li>
</ul>
<h6>10.限制和局限性</h6>
<ul>
<li>讨论数据分析过程中的限制和局限性</li>
<li>提供对结果解释的警告和注意事项</li>
</ul>
<h6>11.参考文献</h6>
<ul>
<li>列出用于报告的参考文献和数据源</li>
</ul>
<h6>12.附录</h6>
<ul>
<li>包括用于报告的原始数据、图表和图形的源代码或数据表格</li>
<li>提供其他补充信息和参考资料</li>
</ul>
</div>
`
},
],
// content_security_policy: "https://cdn.tiny.cloud/1/rnk6zw9v267xqz7pf98twt1vmrvltmd436je7a642pckltda/tinymce/6/tinymce.min.js",
// extended_valid_elements:'script[src]',
//
// template_cdate_format: '[CDATE: %m/%d/%Y : %H:%M:%S]',
// template_mdate_format: '[MDATE: %m/%d/%Y : %H:%M:%S]',
// autosave_ask_before_unload: false,
toolbar_mode: 'wrap',
// automatic_uploads: true,
// images_upload_base_path: '/demo',
// images_upload_url: 'http://10.10.11.7:10000/iasf/sysFiles/upload',
paste_data_images: true,
powerpaste_allow_local_images: true,
powerpaste_word_import: 'clean',
powerpaste_html_import: 'clean',
// 自定义上传
images_upload_handler: function (blobInfo, succFun, failFun) {
const blob = blobInfo.blob()
// blob转换为file
const file = new File([blob], blobInfo.filename(), {
type: 'application/json',
lastModified: Date.now()
});
Oss.upload(file).then(res => {
succFun(res.url)
})
},
//自定义文件选择器的回调内容 此方法只有在点击上方图片按钮才会触发
file_picker_callback: function (callback, value, meta) {
if (meta.filetype === 'file') {
callback('https://www.baidu.com/img/bd_logo1.png', { text: 'My text' });
}
if (meta.filetype === 'image') {
callback('https://www.baidu.com/img/bd_logo1.png', { alt: 'My alt text' });
}
// 主要判断 media
if (meta.filetype === 'media') {
// 动态创建上传input，并进行模拟点击上传操作，达到本地上传视频效果。
let input = document.createElement('input');//创建一个隐藏的input
input.setAttribute('type', 'file');
input.setAttribute("accept", ".mp4");
input.onchange = function () {
let file = this.files[0];
const load = Loading.service()
Oss.upload(file).then(res => {
load.close()
callback(res.url)
}).catch(e => {
load.close()
})
}
//触发点击
input.click();
}
},
// 初始化事件
setup: function (editor) {
editor.on('init', function (ed) {
// 设置默认字体
ed.target.editorCommands.execCommand("fontName", false, "Microsoft Yahei")
ed.target.editorCommands.execCommand("fontSize", false, "19px")
ed.target.editorCommands.execCommand("lineHeight", false, "1.5")
})
},
}