榆林市网站seo为wordpress移动端
榆林市网站seo,为wordpress移动端,怎么把网站做成软件,郴州专业seo该功能实现一个帮助文档的展示和编辑功能#xff0c;默认进去只能查看帮助文档的内容#xff0c;点击编辑可以进行富文本编辑器的编辑功能。
出现的问题1.如何隐藏富文本编辑的工具栏并且禁止编辑 //隐藏工具栏this.toolbar this.$refs.myTextEditor.quill.getModule(toolb…该功能实现一个帮助文档的展示和编辑功能默认进去只能查看帮助文档的内容点击编辑可以进行富文本编辑器的编辑功能。
出现的问题1.如何隐藏富文本编辑的工具栏并且禁止编辑 //隐藏工具栏this.toolbar this.$refs.myTextEditor.quill.getModule(toolbar);this.toolbar.container.style.display none;//禁止富文本编辑器编辑onEditorFocus(event) {if(this.isEdit){event.enable(true);}else{event.enable(false);}}, //
●控制只有顶部可以进拖拽 ●由于控制了只有头部可以拖拽当点击富文本编辑后VueDragResize失去焦点无法进行四周的拉伸与收缩 this.$refs.moveContainer.activetrue;//每当离开编辑器的时候手动给VueDragResiz赋予可拖拽完整代码
templatediv classcontainer!--//缩放功能主要是缩放VueDrangResize标签--VueDragResize classmove-container :isActivetrue :w490 :h690 :isResizabletruev-on:resizingresize :drag-handle.title v-on:draggingresize refmoveContainerdiv classtitlediv classtextspan帮助文档/span/divdiv classaction-panel styletext-align: right;height: 30px;template v-ifisEditgf-button typeprimary clicksave 保存 /gf-button/templategf-button v-else typeprimary clickhandleEdit 编辑/gf-buttongf-button typeprimary clickcancel 取消 /gf-button/div/divdiv classbody mouseleavehandleMouseLeaveslot namecontentquill-editor refmyTextEditor :optionseditorOption v-modelcontent :configeditorOptionfocusonEditorFocus($event) classquill-container/quill-editor/slot/div/VueDragResize/div/templatescript
import VueDragResize from vue-drag-resizeexport default {components: {VueDragResize},props: {compTitle: {type: String,default: },data: {type: String,default: p每个人都有一份属于自己的责任需要自己去担当去完成。只有我们担当起了自己的责任时才能把事情做好。就像我们学生的责任主要是抓好学习教师的责任主要是给学生传授知识警察的责任主要是维护社会治安而清洁工人的责任主要是打扫卫生…孙中山先生说过“我辈既以担当中国改革发展为己任虽石烂海枯而此身尚存此心不死。既不可以失败而灰心亦不能以困难而缩步。全神贯注猛力向前应付世界进步之潮流合乎善长恶消之天理则终有最后成功之一日。”孙先生的一席话告诉我做一件事img src\data:image/png;base64,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}},data() {return {vw: 0,vh: 0,top: 0,left: 0,editorOption: {},isEdit:false,helpContent:,toolbar,content:}},created() {this.vw 290 pxthis.vh 300 px},mounted() {this.content this.data;// this.$refs.myTextEditor.quill.enable(false);//解决富文本自动聚焦问题this.toolbar this.$refs.myTextEditor.quill.getModule(toolbar);this.toolbar.container.style.display none;},methods: {// 缩小resize(newRect) {this.vw newRect.widththis.vh newRect.heightthis.top newRect.topthis.left newRect.left},async save(){this.$emit(cancelHelp);},cancel(){this.$emit(cancelHelp);},onEditorFocus(event) {if(this.isEdit){event.enable(true);}else{event.enable(false);}}, // 获得焦点事件handleEdit() {this.isEdit true; // 切换到编辑模式this.toolbar.container.style.display block; // 显示工具栏},handleMouseLeave(){// 使拖拽组件重新获取焦点this.$refs.moveContainer.activetrue;}}}
/scriptstyle langless scoped
.container {position: absolute;top: 26px; right: 500px; z-index: 9999;
}.move-container {border: 1px solid #A8AED3;border-radius: 14px;background: #fff;}
.content-container{width: 100%;height: 100%;
}.title{display: flex;justify-content: space-between;align-items: center;width: 100%;height: 40px;padding: 4px;background: #EFF2FB; cursor: move;
}
.text{padding-left:8px;
}
.body {width: 100%;height: calc(100% - 40px);overflow: auto;
}
.quill-container{height: 100%;
}/style
style
.vdr-stick {display: none;/* 默认隐藏拖拉点 */
}.move-container:hover .vdr-stick {display: block;/* 鼠标移入时显示拖拉点 */
}
/style效果
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/pingmian/89958.shtml
如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!