UEditorPlus富文本编辑器示例代码
代码语言:html
所属分类:其他
代码描述:UEditorPlus富文本编辑器示例代码,上传等功能需要后端代码配置,还有关于问题也需要放在同一域名下。
代码标签: UEditorPlus 富文本 编辑器 示例 代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!doctype html>
<html>
<head>
<title>UEditor增强版演示</title>
<meta name="viewport" content="width=device-width, minimum-scale=0.5, maximum-scale=5, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/ueditor/ueditor.config.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/ueditor/ueditor.all.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/ueditor/lang/zh-cn/zh-cn.js"></script>
<script>
// window.UEDITOR_CONFIG.toolbars[0].push('undo');
</script>
<style>
:root {
/*--ueditor-top-offset: 20px;*/
}
</style>
</head>
<body class="demo-editor-page">
<div>
<h1>完整示例</h1>
<div>
<script id="editor" type="text/plain" style="height:300px;">
<h1>
你好 UEditor
</h1>
<p>
基于 UEditor 二次开发的富文本编辑器,让 UEditor <span style="color: #E36C09;">焕<span style="color: #0070C0;">然</span><span style="color: #31859B;"><span style="color: #00B050;">一</span><span style="color: #FF0000;">新</span></span></span>
</p>
<table data-sort="sortDisabled">
<tbody>
<tr class="firstRow">
<td valign="top" style="word-break: break-all;" rowspan="1" colspan="3">
我是表格
</td>
</tr>
<tr>
<td width="273" valign="top" style="word-break: break-all;">
如果
</td>
<td width="273" valign="top" style="word-break: break-all;">
有一天
</td>
<td width="273" valign="top" style="word-break: break-all;">
我离开了
</td>
</tr>
<tr>
<td valign="top" colspan="1" rowspan="1" style="word-break: break-all;">
怎么才能
</td>
.........完整代码请登录后点击上方下载按钮下载查看
网友评论0