Question

我正在尝试在我的php页面中使用TinyMCE 4.1.4但是我没有成功，我确实包含了TinyMCE的路径但是当我执行脚本时它给了我简单的文本区域，我不知道是什么问题。

<html>
  <head>
    <script type="text/javascript" src="js/tinymce/tinymce.min.js"></script>
    <script type="text/javascript">
    tinymce.init({
      selector: "textarea"
    });
    </script>
  </head>
  <body>
    <form method="post">
      <textarea ></textarea>
    </form>
  </body>
</html>

Answer 1

在这里工作正常 jsFiddle Demo

尝试在包含 jQuery library 之前将代码包含在ready函数中，以便完整代码应该是：

<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script type="text/javascript" src="http://tinymce.cachefly.net/4.1/tinymce.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){

    tinymce.init({
        selector: "textarea"
     });

    });
    </script>

</head>
<body>
<form method="post">
<textarea ></textarea>
</form>
</body>
</html>

Answer 2

这是因为你在DOM完全加载之前就已经完成了所有的JS。

<body>
    <form method="post">
        <textarea ></textarea>
    </form>

    <script type="text/javascript" src="js/tinymce/tinymce.min.js"></script>
    <script type="text/javascript">
        tinymce.init({
            selector: "textarea"
        });
    </script>
</body>
</html>

在PHP页面中使用TinyMCE 4.1.4

2 个答案: