72 lines
2.1 KiB
HTML
72 lines
2.1 KiB
HTML
<#def title = "富文本编辑器"/>
|
|
<#def keyword = "ZhiqimUI"/>
|
|
<#def desc = " 实现源码编辑、撤销、重做、字体样式、文本对齐、超链接、图片上传、复制粘贴等功能。"/>
|
|
<#def prevUrl = "drag.htm"/>
|
|
<#def nextUrl = "uploadLarge.htm"/>
|
|
${zhiqim_com_header()}
|
|
${zhiqim_com_topnav("document")}
|
|
${Styles.src(context.getRootPath("/src/zteditor/zteditor.css"))}
|
|
${Scripts.src(context.getRootPath("/src/zteditor/zteditor.js"))}
|
|
|
|
<!--容器开始 -->
|
|
<div id="container" class="container">
|
|
<!--边导航-->
|
|
${zhiqim_com_ui("tutorial", "ui", "tool", "zteditor")}
|
|
|
|
<!--主体-->
|
|
<div id="mainbody" class="mainbody">
|
|
${zhiqim_com_breadcrumb("文库", "教程", "富文本编辑器")}
|
|
<div class="content">
|
|
|
|
<#-- 标题 -->
|
|
<div class="z-relative-left z-w100p z-pd16 z-bg-blue z-px18 z-lh200p z-bold" style="border-left:5px solid #2293e4">
|
|
<p class="z-text-blue">富文本编辑器：</p>
|
|
<p class="z-color-333" style="text-indent:38px;">
|
|
实现源码编辑、撤销、重做、字体样式、文本对齐、超链接、图片上传、复制粘贴等功能。
|
|
</p>
|
|
</div>
|
|
|
|
<#-- 一、示例样式 -->
|
|
<div class="tutorial title">一、示例</div>
|
|
|
|
<table class="z-table z-bordered z-pd10">
|
|
<tr bgcolor="#f5f5f5">
|
|
<td width="">效果预览</td>
|
|
<!--
|
|
<td width="50%">代码</td>
|
|
-->
|
|
</tr>
|
|
<tr>
|
|
<td class="example">
|
|
<script>
|
|
Z.onload(function()
|
|
{
|
|
var editor = new Z.ZhiqimEditor();
|
|
editor.setId("test");
|
|
editor.setAjaxClass("com.zhiqim.zhiqim.ui.FteUploadImagePresenter");
|
|
editor.execute();
|
|
});
|
|
</script>
|
|
<textarea id="test" name="test" class="z-textarea z-w100p z-h500"></textarea>
|
|
<button type="button" class="z-button z-mg-t15" onclick='Z("#result").html(Z("#test").val())'>点击查看输入内容</button>
|
|
|
|
<div class="z-mg-t40 z-mg-b40">
|
|
<div>查看结果</div>
|
|
<pre id="result"></pre>
|
|
</div>
|
|
|
|
</td>
|
|
<!--
|
|
<td><pre class="z-text-preline"></pre></td>
|
|
-->
|
|
</tr>
|
|
</table>
|
|
${zhiqim_com_chapter()}
|
|
</div>
|
|
|
|
<!-- 主体结束 -->
|
|
</div>
|
|
|
|
<!-- 容器结束 -->
|
|
</div>
|
|
${zhiqim_com_footer()} |