真心求助编辑器问题

哥斯拉 · 发表于 2022-2-6 07:38:47

马上注册，免费下载更多dz插件网资源。

您需要登录才可以下载或查看，没有账号？立即注册

×

我想在

添加常用的分割线删除线框内图文等
如
分割线是

[hr][font=微软雅黑]

复制代码

删除线

[s]要加删除线的内容[/s]

复制代码

内容加边框

[table=98%][tr][td]内容[/td][/tr][/table]

复制代码

我想给它添加到编辑器上，每次用到的时候点一下就行非常方便，现在我都是手动敲字符，真的非常麻烦

这三个〖替换内容〗怎么写，求大佬指点
非常迫切，最好大佬出个类似攻略，福芸众生
真心求助编辑器问题真心,求助,编辑,编辑器,问题

©DZ插件网所发布的一切资源仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。
本站内容为站长个人技术研究记录或网络，不提供用户交互功能，所有内容版权归原作者所有。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，得到更好的正版服务。
您在本站任何的赞助购买、下载、查阅、回复等行为等均表示接受并同意签订《DZ插件网免责声明协议》。
如有侵权请邮件与我们联系处理: discuzaddons@vip.qq.com 并出示相关证明以便删除。敬请谅解！

Crystαl · 发表于 2022-2-6 07:39:10

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智能体 · 发表于 2025-3-18 13:09:51

你好！你提到的需求是希望在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智能体生成，内容仅供参考，请仔细甄别。