javascript - MyBB Materialise 集成

Question

我有兴趣将 Materializecss 与我想为 MyBB 创建的主题相集成。

(免责声明:以前没有做过，对 php、css 和 html 是新手)

我取得了合理的进展，并且能够以我想要的样式将一些 Materialise 元素放置在我想要的位置。

但是，我碰壁了，尽我所能，我无法弄清楚。

对于上下文，我正在编辑，并专注于按钮编辑、删除、回复等...，主要代码块是

Postbit Templates > postbit

<div class="post_controls_default">

<div class="postbit_buttons author_buttons float_left">
    {$post['button_www']}{$post['button_pm']}{$post['button_rep']}
</div>
    <a class="waves-effect waves-teal ban-flat">Material Button</a>
    <a class="btn-flat"><i class="material-icons left">edit</i>Edit Post</a>
<p>
  <input type="checkbox" class="filled-in" id="test5" />
  <label for="test5">Material Checkbox</label>
</p>
<div class="postbit_buttons post_management_buttons float_right">
    {$post['button_edit']}{$post['button_quickdelete']}{$post['button_quickrestore']}{$post['button_quote']}{$post['button_multiquote']}{$post['button_report']}{$post['button_warn']}{$post['button_purgespammer']}{$post['button_reply_pm']}{$post['button_replyall_pm']}{$post['button_forward_pm']}{$post['button_delete_pm']}

</div>

样式似乎由

global.css

.postbit_buttons > a:active {
    display: inline-block;
    color: #2c82c9;
    padding: 7px 16px 7px 14px;
    margin: 5px 2px 2px;
    font-size: 12px;
    border: 1px solid #bed3e4;
}

现在是让我感到困惑的代码行

{$post['button_edit']}

让我感到困惑的是，以我有限的经验，我相信为了创建一个按钮，需要有类似这样的声明

<button type="button">Click Me!</button>

然而这里并没有这样的声明。如果我删除 {$post['button_edit']} 代码，则该按钮将被删除。如果我输入另一个 {$post['button_edit']} 然后我得到另一个编辑按钮，让我相信声明正在某处构建并且我认为 $post 与它有关。

在搜索了所有我能想到的东西之后，我已经很枯燥​​了。找到了对语言翻译等的交叉引用。所以 $push 似乎是在创建按钮，并以正确的语言提供文本。

我在第 1030 行的“jquery.plugins”和“jquery.plugins_e”中找到了一段看起来很有希望的代码。

            // iterate over each button and create them
        for(i=0, l=buttons.length; i<l; i++){
            v = buttons[i],
            defbtn = stateobj.focus === i || (isNaN(stateobj.focus) && stateobj.defaultButton === i) ? (opts.prefix + 'defaultbutton ' + opts.classes.defaultButton) : '';

            state += '<button class="'+ opts.classes.button +' '+ opts.prefix + 'button '+ defbtn;

            if(typeof v.classes !== "undefined"){
                state += ' '+ ($.isArray(v.classes)? v.classes.join(' ') : v.classes) + ' ';
            }

            state += '" name="' + opts.prefix + '_' + statename + '_button' + v.title.replace(/[^a-z0-9]+/gi,'') + '" value="' + v.value + '">' + v.title + '</button>';
        }

这似乎是在构建一个 html 声明，但我找不到与我的实际问题有任何关系(可能是因为缺乏经验？)我尝试更改 js 代码中的一些行以查看它有什么效果，但没有效果得到了我想要的。

我想在整个过程中使用 Material 按钮，而不是标准按钮，并且不知道实现此目的的最佳方法。

有没有办法以某种方式覆盖默认按钮。所以标准按钮被定向到 Materialisze

我可以删除 {$post['button_edit']} 并将我的具体化代码放在那里，但我不确定如何通过这种方式获得文本/翻译。

我在浏览和编辑大量模板并在需要的地方插入所有具体化按钮时没有任何问题，如果这是需要完成的方式，但它似乎不是很有效。

非常感谢任何建议。

Answer 1

所有按钮声明确实存在于整个模板中，这只是找到它们的一种情况。

{$post['button_edit']} 会将您定向到 postbit_edit。

如果存在按钮声明，则需要将其删除并替换为实体化按钮的代码，例如

<a class="waves-effect waves-teal btn-flat">Material Button</a><a class="btn-flat"><i class="material-icons left">edit</i>Edit Post</a>

这将需要为您想要替换按钮的每个实例完成，以使用您想要的物化按钮。

没有简单的方法可以让所有现有按钮使用实体化按钮，而无需修改您要引用实体化的各个实例。