📄 editor.htm
字号:
<!--<?php
print <<<EOT
-->
<link type="text/css" rel="stylesheet" href="$imgpath/editor/editor.css" />
<body>
<div id="editor">
<div id="editor-bt">
<div id="wy_bold" class="button" title="粗体">
<img src="$imgpath/editor/bold.gif" /></div>
<div id="wy_italic" class="button" title="斜体">
<img src="$imgpath/editor/italic.gif" /></div>
<div id="wy_underline" class="button" title="下划线">
<img src="$imgpath/editor/underline.gif" /></div>
<div id="wy_strikethrough" class="button" title="删除线">
<img src="$imgpath/editor/strike.gif" /></div>
<div id="wy_fontname" class="select" style="width:103px;"><span class="fr"><img src="$imgpath/editor/arrow_down.gif" style="margin-top:3px" /></span><span unselectable="on">字体</span></div>
<div id="wy_fontsize" class="select" style="width:45px;"><span class="fr"><img src="$imgpath/editor/arrow_down.gif" style="margin-top:3px" /></span><span unselectable="on">大小</span></div>
<div id="wy_subscript" class="button" title="下标">
<img src="$imgpath/editor/sub.gif" /></div>
<div id="wy_superscript" class="button" title="上标">
<img src="$imgpath/editor/sup.gif" /></div>
<div id="wy_removeformat" class="button" title="去除字体格式">
<img src="$imgpath/editor/removeformat.gif" /></div>
<div id="wy_undo" class="button" title="撤消">
<img src="$imgpath/editor/undo.gif" /></div>
<div id="wy_redo" class="button" title="恢复">
<img src="$imgpath/editor/redo.gif" /></div>
<div id="wy_inserthorizontalrule" class="button" title="插入水平线">
<img src="$imgpath/editor/hr.gif" /></div>
<div id="wy_br" class="button" title="换行">
<img src="$imgpath/editor/br.gif" /></div>
<div class="clear"></div>
<div id="wy_justifyleft" class="button" title="左对齐">
<img src="$imgpath/editor/justifyleft.gif" /></div>
<div id="wy_justifycenter" class="button" title="居中">
<img src="$imgpath/editor/center.gif" /></div>
<div id="wy_justifyright" class="button" title="右对齐">
<img src="$imgpath/editor/justifyright.gif" /></div>
<div id="wy_justifyfull" class="button" title="左右平等">
<img src="$imgpath/editor/justify.gif" /></div>
<div id="wy_forecolor" class="button" title="字体颜色">
<img src="$imgpath/editor/color_fg.gif" /></div>
<div id="wy_hilitecolor" class="button" title="背景颜色">
<img src="$imgpath/editor/color_bg.gif" /></div>
<div id="wy_insertorderedlist" class="button" title="有序列表">
<img src="$imgpath/editor/list_num.gif" /></div>
<div id="wy_insertunorderedlist" class="button" title="无序列表">
<img src="$imgpath/editor/list_bullet.gif" /></div>
<div id="wy_outdent" class="button" title="取消缩进">
<img src="$imgpath/editor/outdent.gif" /></div>
<div id="wy_indent" class="button" title="缩进">
<img src="$imgpath/editor/indent.gif" /></div>
<div id="wy_createlink" class="button" title="插入url链接">
<img src="$imgpath/editor/createlink.gif" /></div>
<div id="wy_unlink" class="button" title="删除链接">
<img src="$imgpath/editor/unlink.gif" /></div>
<div id="wy_insertimage" class="button" title="插入图片">
<img src="$imgpath/editor/image.gif" /></div>
<div class="clear"></div>
</div>
<div id="editor-tab">
<div class="fr"><a href="javascript:flex(0)"><img src="$imgpath/editor/rud-height.gif" /></a> <a href="javascript:flex(1)"><img src="$imgpath/editor/add-height.gif" /></a></div>
<ul id="switch"><li class="active" id="wy_ubbcode">UBB代码模式</li><li id="wy_wysiwyg">所见即所得模式</li></ul>
</div>
<div id="editor-area"><textarea id="textarea" name="atc_content" style="height:270px;width:550px;">{$atc_content}</textarea></div>
</div>
<div class="menu" id="menu_editor" style="display:none;"></div>
<script language="JavaScript" src="js/editor.js"></script>
<script type="text/javascript">
var charset='$charset';
PsEditor.prototype.config = {
'fontname' : {
"default": "字体",
"宋体": '宋体',
"新宋体": '新宋体',
"楷体_GB2312": '楷体_GB2312',
"黑体": '黑体',
"Arial": 'arial,helvetica,sans-serif',
"Courier New": 'courier new,courier,monospace',
"Georgia": 'georgia,times new roman,times,serif',
"Tahoma": 'tahoma,arial,helvetica,sans-serif',
"Times": 'times new roman,times,serif',
"Verdana": 'verdana,arial,helvetica,sans-serif',
"impact": 'impact'
},
'fontsize' : {
"default": "大小",
"1": "1",
"2": "2",
"3": "3",
"4": "4",
"5": "5",
"6": "6",
"7": "7"
}
}
var editor = new PsEditor();
editor.init();
</script>
</body>
<!--
EOT;
?>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -