将 jquery 添加到管理面板内的 Magento 页面 [所见即所得编辑器]

Posted 2023-02-24

【中文标题】将 jquery 添加到管理面板内的 Magento 页面 [所见即所得编辑器]

【英文标题】：Add jquery to Mganto pages inside admin panels [wysiwig editor]

【发布时间】：2020-11-08 14:38:48

【问题描述】：

如何在 magento2 页面中添加 jQuery 代码？例如，我有一个“联系我们”页面。所以我可以通过

编辑联系我们页面内的内容

登录管理面板

admin -> content -> Pages -> Contact us

我想添加一些 jQuery 代码。

所以我写

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js">
  <script>
   jQuery(function($)
    $(".mybox").on("click", function()
             MY CODE *******
       );
 );
</script>

这里的问题是：我必须打电话给<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js">

否则将无法正常工作。我该如何解决这个问题？

即。 如何在所见即所得编辑器中添加 jquery 代码

【参考方案1】：

Magento 2 使用需要 js

尝试使用

<script>
require([
    'jquery'

], function ($) 
    $(".mybox").on("click", function () 
        console.log('your code starts here');

        console.log('your code ends here');
    );
);
</script>