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