Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
InJoyU
vue-element-admin
提交
6795c26d
V
vue-element-admin
项目概览
InJoyU
/
vue-element-admin
与 Fork 源项目一致
从无法访问的项目Fork
通知
5
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
V
vue-element-admin
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
前往新版Gitcode,体验更适合开发者的 AI 搜索 >>
提交
6795c26d
编写于
5月 09, 2018
作者:
P
Pan
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
fix[Tinymce]: custom-btn bug in fullscreen
上级
597df484
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
13 addition
and
3 deletion
+13
-3
src/components/Tinymce/index.vue
src/components/Tinymce/index.vue
+12
-2
src/components/Tinymce/toolbar.js
src/components/Tinymce/toolbar.js
+1
-1
未找到文件。
src/components/Tinymce/index.vue
浏览文件 @
6795c26d
<
template
>
<div
class=
"tinymce-container editor-container"
>
<div
class=
"tinymce-container editor-container"
:class=
"
{fullscreen:fullscreen}"
>
<textarea
class=
"tinymce-textarea"
:id=
"tinymceId"
></textarea>
<div
class=
"editor-custom-btn-container"
>
<editorImage
color=
"#1890ff"
class=
"editor-upload-btn"
@
successCBK=
"imageSuccessCBK"
></editorImage>
...
...
@@ -43,7 +43,8 @@ export default {
return
{
hasChange
:
false
,
hasInit
:
false
,
tinymceId
:
this
.
id
||
'
vue-tinymce-
'
+
+
new
Date
()
tinymceId
:
this
.
id
||
'
vue-tinymce-
'
+
+
new
Date
(),
fullscreen
:
false
}
},
watch
:
{
...
...
@@ -91,6 +92,11 @@ export default {
this
.
hasChange
=
true
this
.
$emit
(
'
input
'
,
editor
.
getContent
())
})
},
setup
(
editor
)
{
editor
.
on
(
'
FullscreenStateChanged
'
,
(
e
)
=>
{
_this
.
fullscreen
=
e
.
state
})
}
// 整合七牛上传
// images_dataimg_filter(img) {
...
...
@@ -168,6 +174,10 @@ export default {
top
:
4px
;
/*z-index: 2005;*/
}
.fullscreen
.editor-custom-btn-container
{
z-index
:
10000
;
position
:
fixed
;
}
.editor-upload-btn
{
display
:
inline-block
;
}
...
...
src/components/Tinymce/toolbar.js
浏览文件 @
6795c26d
// Here is a list of the toolbar
// Detail list see https://www.tinymce.com/docs/advanced/editor-control-identifiers/#toolbarcontrols
const
toolbar
=
[
'
bold italic underline strikethrough alignleft aligncenter alignright outdent indent blockquote undo redo removeformat subscript superscript code codesample
'
,
'
hr bullist numlist link image charmap preview anchor pagebreak
fullscreen insertdatetime media table emoticons forecolor backcolor
'
]
const
toolbar
=
[
'
bold italic underline strikethrough alignleft aligncenter alignright outdent indent blockquote undo redo removeformat subscript superscript code codesample
'
,
'
hr bullist numlist link image charmap preview anchor pagebreak
insertdatetime media table emoticons forecolor backcolor fullscreen
'
]
export
default
toolbar
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录