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