如何在 joomla 3 文章中添加自定义 html、css 和 javascript

问题描述

我是 Joomla 的新手，想将自己的代码添加到文章中。通常我想我只是打开 HTML 编辑器并放入我的代码，但这不起作用。 Joomla 编辑器正在删除 html 标签等。现在我很困惑。

我尝试搜索如何做到这一点，但只有令人难以置信的长篇文章和教程说：“首先，安装很多很多扩展。”

我无法相信在 joomla 中编写一些原生 html 代码是如此复杂。

这是我的例子：

<html>
<head>
<style>
* {
  Box-sizing: border-Box;
}

html {
  background: linear-gradient(to bottom,#919191 0%,#f2f2f2 75%);
}

.container {
  background-color: #202020;
  width: 100px;
  height: 200px;
  padding: 10px;
  margin: 80px auto;
  border-radius: 3px;
  display: inline-block;
}

label {
  color: white;
}
</style>
</head>
<body>
  <div class="container">
    <div>
      <label>Test</label>
    </div>
  </div>
</body>
<script>
var containerItems = document.getElementsByClassName("container");
var containerFunction = function() {
  alert('Do something');
};
for (var i = 0; i < containerItems.length; i++) {
    containerItems[i].addEventListener('click',containerFunction,false);
}

</script>
</html>

当我在本地运行这个网站时，一切都找到了。现在我想在现有的 joomla 文章中添加这个站点。

最简单的方法是什么？

我也猜想可能会注入 iFrame，但在服务器上托管此网站存在问题。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

html javascript joomla