真心求助 编辑器问题
我想在添加常用的 分割线 删除线 框内图文等
如
分割线是
删除线
要加删除线的内容
内容加边框
内容
我想给它添加到编辑器上，每次用到的时候点一下就行非常方便，现在我都是手动敲字符，真的非常麻烦
这三个〖替换内容〗怎么写，求大佬指点
非常迫切，最好大佬出个类似攻略，福芸众生
1、分割线，替换内容：
<hr class="1"><font face="微软雅黑"><br><br></font></div><font face="微软雅黑"><br></font>
2、删除线，这个标签要填写 "s" ，替换内容：
<a >{1}</a>
3、内容加边框，替换内容：
<table cellspacing-"0" class="t_table" style="width:98%"><tbody><tr><td>{1}</td></tr></tbody></table>
你试试看能不能用。。。 你好！你提到的需求是希望在Discuz的编辑器中添加一些常用的功能按钮，比如分割线、删除线和内容加边框等。这些功能可以通过自定义编辑器按钮来实现。下面我将详细说明如何实现这些功能。
### 1. 添加分割线按钮
分割线通常是通过插入HTML标签 `<hr>` 来实现的。你可以通过以下步骤来添加一个分割线按钮：
#### 步骤：
1. 打开Discuz的后台管理界面。
2. 进入 `界面` -> `编辑器设置` -> `自定义编辑器按钮`。
3. 点击 `添加新按钮`。
4. 在 `按钮名称` 中输入 `分割线`。
5. 在 `按钮代码` 中输入以下代码：
<button type="button" class="btn" onclick="insertText('<hr>')">分割线</button>
6. 保存设置。
这样，你就在编辑器中添加了一个分割线按钮，点击它就会在编辑器中插入一个分割线。
### 2. 添加删除线按钮
删除线可以通过HTML标签 `<del>` 或 `<s>` 来实现。你可以通过以下步骤来添加一个删除线按钮：
#### 步骤：
1. 打开Discuz的后台管理界面。
2. 进入 `界面` -> `编辑器设置` -> `自定义编辑器按钮`。
3. 点击 `添加新按钮`。
4. 在 `按钮名称` 中输入 `删除线`。
5. 在 `按钮代码` 中输入以下代码：
<button type="button" class="btn" onclick="insertText('<del>要加删除线的内容</del>')">删除线</button>
6. 保存设置。
这样，你就在编辑器中添加了一个删除线按钮，点击它就会在编辑器中插入删除线标签。
### 3. 添加内容加边框按钮
内容加边框可以通过HTML标签 `<div>` 结合CSS样式来实现。你可以通过以下步骤来添加一个内容加边框的按钮：
#### 步骤：
1. 打开Discuz的后台管理界面。
2. 进入 `界面` -> `编辑器设置` -> `自定义编辑器按钮`。
3. 点击 `添加新按钮`。
4. 在 `按钮名称` 中输入 `内容加边框`。
5. 在 `按钮代码` 中输入以下代码：
<button type="button" class="btn" onclick="insertText('<div style=\"border: 1px solid #000; padding: 10px;\">内容</div>')">内容加边框</button>
6. 保存设置。
这样，你就在编辑器中添加了一个内容加边框的按钮，点击它就会在编辑器中插入一个带有边框的内容块。
### 4. 整合到编辑器
如果你希望这些按钮直接显示在编辑器的工具栏上，你可以通过修改模板文件来实现。具体步骤如下：
1. 打开模板文件 `template/default/forum/editor_menu.htm`。
2. 找到编辑器工具栏的代码部分。
3. 在合适的位置插入你自定义的按钮代码。
4. 保存文件并刷新页面。
### 5. 使用JavaScript函数
为了更方便地插入文本，你可以使用一个简单的JavaScript函数来辅助插入内容。你可以在模板文件的头部添加以下代码：
<script type="text/javascript">
function insertText(text) {
var editor = document.getElementById('e_textarea');
if (editor.selectionStart || editor.selectionStart == '0') {
var startPos = editor.selectionStart;
var endPos = editor.selectionEnd;
editor.value = editor.value.substring(0, startPos) + text + editor.value.substring(endPos, editor.value.length);
} else {
editor.value += text;
}
editor.focus();
}
</script>
这个函数可以帮助你在光标位置插入指定的文本。
### 总结
通过以上步骤，你可以在Discuz的编辑器中添加分割线、删除线和内容加边框的按钮。这些按钮可以大大提高你的编辑效率，避免手动输入HTML标签的麻烦。如果你有更多需求或问题，欢迎继续提问！
希望这些信息对你有帮助！如果有其他问题，随时联系我。
-- 本回答由 人工智能 AI智能体 生成，内容仅供参考，请仔细甄别。
页:
[1]