Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
F
fgqyxxlr
Overview
Overview
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
yaru
fgqyxxlr
Commits
aa5d2b9f
Commit
aa5d2b9f
authored
Jul 22, 2019
by
RuoYi
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
添加富文本编辑器示例
parent
76b3c381
Hide whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
103 additions
and
0 deletions
+103
-0
ruoyi-admin/src/main/java/com/ruoyi/web/controller/demo/controller/DemoFormController.java
+9
-0
ruoyi-admin/src/main/resources/templates/demo/form/summernote.html
+93
-0
ruoyi-admin/src/main/resources/templates/index.html
+1
-0
No files found.
ruoyi-admin/src/main/java/com/ruoyi/web/controller/demo/controller/DemoFormController.java
View file @
aa5d2b9f
...
...
@@ -146,6 +146,15 @@ public class DemoFormController
}
/**
* summernote 富文本编辑器
*/
@GetMapping
(
"/summernote"
)
public
String
summernote
()
{
return
prefix
+
"/summernote"
;
}
/**
* 搜索自动补全
*/
@GetMapping
(
"/autocomplete"
)
...
...
ruoyi-admin/src/main/resources/templates/demo/form/summernote.html
0 → 100644
View file @
aa5d2b9f
<!DOCTYPE html>
<html
lang=
"zh"
>
<head>
<th:block
th:include=
"include :: header('Summernote富文本编辑器')"
/>
<th:block
th:include=
"include :: summernote-css"
/>
</head>
<body
class=
"gray-bg"
>
<div
class=
"wrapper wrapper-content"
>
<div
class=
"row"
>
<div
class=
"col-sm-12"
>
<div
class=
"ibox float-e-margins"
>
<div
class=
"ibox-title"
>
<h5>
Summernote 富文本编辑器
</h5>
</div>
<div
class=
"ibox-content no-padding"
>
<div
class=
"summernote"
>
<h2>
若依后台管理系统
</h2>
<p>
ruoyi是一个完全响应式,基于Bootstrap3.3.6最新版本开发的扁平化主题,她采用了主流的左右两栏式布局,使用了Html5+CSS3等现代技术,她提供了诸多的强大的可以重新组合的UI组件,并集成了最新的jQuery版本(v2.1.1),当然,也集成了很多功能强大,用途广泛的就jQuery插件,她可以用于所有的Web应用程序,如
<b>
网站管理后台
</b>
,
<b>
网站会员中心
</b>
,
<b>
CMS
</b>
,
<b>
CRM
</b>
,
<b>
OA
</b>
等等,当然,您也可以对她进行深度定制,以做出更强系统。
</p>
<p>
<b>
当前版本:
</b>
v4.0.0
</p>
<p>
<span
class=
"label label-warning"
>
免费开源
</span>
</p>
</div>
</div>
</div>
</div>
</div>
<div
class=
"row"
>
<div
class=
"col-sm-12"
>
<div
class=
"ibox float-e-margins"
>
<div
class=
"ibox-content"
>
<h2>
Summernote
</h2>
<p>
Summernote是一个简单的基于Bootstrap的WYSIWYG富文本编辑器
</p>
<div
class=
"alert alert-warning"
>
官方文档请参考:
<a
href=
"https://github.com/summernote/summernote"
>
https://github.com/summernote/summernote
</a>
</div>
</div>
</div>
</div>
</div>
<div
class=
"row"
>
<div
class=
"col-sm-12"
>
<div
class=
"ibox float-e-margins"
>
<div
class=
"ibox-title"
>
<h5>
编辑/保存为html代码示例
</h5>
<button
id=
"edit"
class=
"btn btn-primary btn-xs m-l-sm"
onclick=
"edit()"
type=
"button"
>
编辑
</button>
<button
id=
"save"
class=
"btn btn-primary btn-xs"
onclick=
"save()"
type=
"button"
>
保存
</button>
</div>
<div
class=
"ibox-content"
id=
"eg"
>
<div
class=
"click2edit wrapper"
>
<h3>
你好,若依
</h3>
<p>
H+是一个完全响应式,基于Bootstrap3.3.6最新版本开发的扁平化主题,她采用了主流的左右两栏式布局,使用了Html5+CSS3等现代技术,她提供了诸多的强大的可以重新组合的UI组件,并集成了最新的jQuery版本(v2.1.1),当然,也集成了很多功能强大,用途广泛的就jQuery插件,她可以用于所有的Web应用程序,如
<b>
网站管理后台
</b>
,
<b>
网站会员中心
</b>
,
<b>
CMS
</b>
,
<b>
CRM
</b>
,
<b>
OA
</b>
等等,当然,您也可以对她进行深度定制,以做出更强系统。
</p>
<p>
<b>
当前版本:
</b>
v4.0.0
</p>
<p>
<span
class=
"label label-warning"
>
开源免费
</span>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<th:block
th:include=
"include :: footer"
/>
<th:block
th:include=
"include :: summernote-js"
/>
<script>
$
(
document
).
ready
(
function
()
{
$
(
'.summernote'
).
summernote
({
lang
:
'zh-CN'
});
});
var
edit
=
function
()
{
$
(
"#eg"
).
addClass
(
"no-padding"
);
$
(
'.click2edit'
).
summernote
({
lang
:
'zh-CN'
,
focus
:
true
});
};
var
save
=
function
()
{
$
(
"#eg"
).
removeClass
(
"no-padding"
);
var
aHTML
=
$
(
'.click2edit'
).
summernote
(
'code'
);
$
(
'.click2edit'
).
summernote
(
'destroy'
);
};
</script>
</body>
</html>
ruoyi-admin/src/main/resources/templates/index.html
View file @
aa5d2b9f
...
...
@@ -84,6 +84,7 @@
<li><a
class=
"menuItem"
th:href=
"@{/demo/form/wizard}"
>
表单向导
</a></li>
<li><a
class=
"menuItem"
th:href=
"@{/demo/form/upload}"
>
文件上传
</a></li>
<li><a
class=
"menuItem"
th:href=
"@{/demo/form/datetime}"
>
日期和时间
</a></li>
<li><a
class=
"menuItem"
th:href=
"@{/demo/form/summernote}"
>
富文本编辑器
</a></li>
<li><a
class=
"menuItem"
th:href=
"@{/demo/form/duallistbox}"
>
左右互选组件
</a></li>
<li><a
class=
"menuItem"
th:href=
"@{/demo/form/autocomplete}"
>
搜索自动补全
</a></li>
</ul>
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment