当前位置: 首页 > news >正文

java可以做网站网络营销推广系统

java可以做网站,网络营销推广系统,建永久网站,企业网站html模板免费下载vue项目中使用编辑器&#xff0c;轻量&#xff0c;操作栏选取自己需要的 官网地址&#xff1a;用于 Vue React | wangEditor 使用在vue项目中引入 npm install wangeditor/editor --savenpm install wangeditor/editor-for-vue --save 封装成组件使用 <template>&…

vue项目中使用编辑器,轻量,操作栏选取自己需要的

官网地址:用于 Vue React | wangEditor

使用在vue项目中引入
 

npm install @wangeditor/editor --savenpm install @wangeditor/editor-for-vue --save

封装成组件使用

<template><div style="border: 1px solid #ccc; margin:0 auto;"><Toolbarstyle="border-bottom: 1px solid #ccc;":editor="editor":defaultConfig="toolbarConfig":mode="mode"/><Editorstyle="height: 500px; overflow-y: hidden;"v-model="html":defaultConfig="editorConfig":mode="mode"@onCreated="onCreated"@onChange="onChange"/></div>
</template>
<script>import Vue from 'vue'import { Editor, Toolbar } from '@wangeditor/editor-for-vue'export default Vue.extend({components: { Editor, Toolbar },props: {value: { type: String, required: true },},data() {return {editor: null,html: '',toolbarConfig: { excludeKeys:["blockquote","header1","header2","header3","headerSelect", "fontFamily","code","clearStyle","todo", "emotion","insertLink","insertImage", "insertTable","group-video","codeBlock","redo","headerSelect","insertVideo",]},editorConfig: { placeholder: '请输入内容...' ,MENU_CONF: {uploadImage: {// 配置上传图片customUpload: this.update},},},mode: 'simple', // or 'default'}},created(){    },methods: {onCreated(editor) { this.editor = Object.seal(editor) },onChange(editor) {this.$emit('change', editor.getHtml());},getEditorText() {const editor = this.editor;if (editor == null) return;},        update(files,insertFn){//图片上传var formData = new FormData();formData.append('file', files);//根据后台提供的图片上传接口,进行接口配置和上传this.apiSever.post(this.URl.UPLOAD,formData, res => {insertFn(res.data.url);})},},mounted() {this.$nextTick(() => {this.html = this.value})},beforeDestroy() {const editor = this.editorif (editor == null) returneditor.destroy() }
})
</script>
<style src="@wangeditor/editor/dist/css/style.css"></style>

 

http://www.laogonggong.com/news/12807.html

相关文章:

  • 做网站公司 蓝纤科技深圳优化网站
  • 2017网站主流设计风格电脑优化设置
  • 视频网站开发意义深圳优化公司哪家好
  • 兰州市建设工程质量监督站网站seo优化软件购买
  • 360建筑网360上海专业优化排名工具
  • wordpress 图片 点击 放大网站seo优化方案项目策划书
  • 苏州住房城乡建设部网站郑州众志seo
  • 品牌网站建设做营销策划的公司
  • 支付网站建设费自己做的网站怎么推广
  • 成都电话营销外包公司上海seo搜索优化
  • 生活做爰网站网络营销广告名词解释
  • 北京小程序网站制作日照高端网站建设
  • WordPress 书架插件seo关键词排名优化怎么收费
  • 英语卷子哪个网站可以做如何开发微信小程序
  • 全国 网站备案 数量阿里巴巴推广
  • 电梯配件做外贸在哪个网站东莞关键词排名提升
  • 在网站加上一个模块怎么做阿里云域名注册入口官网
  • 广州酒店网站制作crm网站
  • 企业网站的建设流程包含哪些环节株洲发布最新通告
  • 做网站广告联盟黄页88推广多少钱一年
  • 做网站广告联盟黄页88推广多少钱一年
  • 门户网站 模板之家谷歌浏览器手机版官网下载
  • 怎么做网站教程 用的工具亚马逊市场营销案例分析
  • 加网络网站建设工作室长沙百度快速优化
  • 红动中国素材网免费下载seo技术网
  • 物流网站怎么做的微信公众号运营
  • 网站建设发票怎么填淘宝运营主要做些什么
  • 网站建设968怎么建网站教程
  • 漳州做网站的公司5月新冠病毒最新消息
  • 漳州做网站的公司5月新冠病毒最新消息