Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
nizhengjia888
gin-vue-admin
提交
61d76342
G
gin-vue-admin
项目概览
nizhengjia888
/
gin-vue-admin
与 Fork 源项目一致
Fork自
FLIPPED-AURORA / gin-vue-admin
通知
3
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
G
gin-vue-admin
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
61d76342
编写于
6月 07, 2021
作者:
Mr.奇淼(
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
增加预览代码全选和复制
上级
40b6f04b
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
84 addition
and
44 deletion
+84
-44
web/src/view/systemTools/autoCode/component/previewCodeDialg.vue
.../view/systemTools/autoCode/component/previewCodeDialg.vue
+84
-44
未找到文件。
web/src/view/systemTools/autoCode/component/previewCodeDialg.vue
浏览文件 @
61d76342
<
template
>
<div
class=
"previewCode"
>
<el-tabs
v-model=
"activeName"
>
<el-tab-pane
:label=
"key"
:name=
"key"
v-for=
"(item,key) in previewCode"
:key=
"key"
>
<div
style=
"background:#fff;padding:0 20px"
:id=
"key"
></div>
</el-tab-pane>
</el-tabs>
<div
class=
"previewCode"
>
<div
class=
"previewCodeTool"
>
<p>
操作栏:
</p>
<el-button
@
click=
"selectText"
>
全选
</el-button>
<el-button
@
click=
"copy"
>
复制
</el-button>
</div>
<el-tabs
v-model=
"activeName"
>
<el-tab-pane
:label=
"key"
:name=
"key"
v-for=
"(item, key) in previewCode"
:key=
"key"
>
<div
class=
"tab-info"
:id=
"key"
></div>
</el-tab-pane>
</el-tabs>
</div>
</
template
>
<
script
>
import
marked
from
"
marked
"
import
marked
from
"
marked
"
;
import
hljs
from
"
highlight.js
"
;
// import 'highlight.js/styles/atelier-cave-light.css';
import
'
highlight.js/styles/atelier-plateau-light.css
'
;
import
"
highlight.js/styles/atelier-plateau-light.css
"
;
export
default
{
props
:{
previewCode
:{
type
:
Object
,
default
(){
return
{}
}
}
props
:
{
previewCode
:
{
type
:
Object
,
default
()
{
return
{};
},
},
data
(){
return
{
activeName
:
""
,
}
},
data
()
{
return
{
activeName
:
""
,
};
},
methods
:
{
selectText
()
{
const
element
=
document
.
getElementById
(
this
.
activeName
);
if
(
document
.
body
.
createTextRange
)
{
let
range
=
document
.
body
.
createTextRange
();
range
.
moveToElementText
(
element
);
range
.
select
();
}
else
if
(
window
.
getSelection
)
{
let
selection
=
window
.
getSelection
();
let
range
=
document
.
createRange
();
range
.
selectNodeContents
(
element
);
selection
.
removeAllRanges
();
selection
.
addRange
(
range
);
}
else
{
alert
(
"
none
"
);
}
},
mounted
(){
marked
.
setOptions
({
renderer
:
new
marked
.
Renderer
(),
highlight
:
function
(
code
)
{
return
hljs
.
highlightAuto
(
code
).
value
;
},
pedantic
:
false
,
gfm
:
true
,
tables
:
true
,
breaks
:
false
,
sanitize
:
false
,
smartLists
:
true
,
smartypants
:
false
,
xhtml
:
false
}
);
for
(
const
key
in
this
.
previewCode
){
if
(
this
.
activeName
==
""
){
this
.
activeName
=
key
}
document
.
getElementById
(
key
).
innerHTML
=
marked
(
this
.
previewCode
[
key
])
}
copy
()
{
this
.
selectText
();
document
.
execCommand
(
"
copy
"
);
this
.
$message
.
success
(
"
复制成功
"
);
},
},
mounted
()
{
marked
.
setOptions
({
renderer
:
new
marked
.
Renderer
(),
highlight
:
function
(
code
)
{
return
hljs
.
highlightAuto
(
code
).
value
;
},
pedantic
:
false
,
gfm
:
true
,
tables
:
true
,
breaks
:
false
,
sanitize
:
false
,
smartLists
:
true
,
smartypants
:
false
,
xhtml
:
false
,
});
for
(
const
key
in
this
.
previewCode
)
{
if
(
this
.
activeName
==
""
)
{
this
.
activeName
=
key
;
}
document
.
getElementById
(
key
).
innerHTML
=
marked
(
this
.
previewCode
[
key
]);
}
}
},
};
</
script
>
<
style
lang=
"scss"
>
</
style
>
\ No newline at end of file
.previewCode
{
.previewCodeTool
{
display
:
flex
;
align-items
:
center
;
padding
:
5px
0
;
margin-top
:
-40px
;
}
.tab-info
{
height
:
50vh
;
background
:
#fff
;
padding
:
0
20px
;
overflow-y
:
scroll
;
}
}
</
style
>
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录