TinyMCE未在浏览器中渲染

TinyMCE未在浏览器中渲染,tinymce,wysiwyg,text-editor,Tinymce,Wysiwyg,Text Editor,嗨,伙计们,我正在为我的新社交网络建立一个博客系统,并且正在使用TinyMCE来写文章!由于某种原因,虽然它没有出现,也不知道为什么 我已从他们的网站下载了该软件包,并将其上传到我的服务器,并制作了一个名为blog_writer.php的页面,其中包含以下内容: 这是包含我的文本区域的表单: <form method="post" action="blog_writer.php"> <div id="blogMsg"><?php echo $msg; ?>

嗨,伙计们,我正在为我的新社交网络建立一个博客系统,并且正在使用TinyMCE来写文章!由于某种原因,虽然它没有出现,也不知道为什么

我已从他们的网站下载了该软件包,并将其上传到我的服务器,并制作了一个名为blog_writer.php的页面,其中包含以下内容:

这是包含我的文本区域的表单:

<form method="post" action="blog_writer.php">
  <div id="blogMsg"><?php echo $msg; ?></div>
  <div id="blogTitle">
  Choose a topic:
  <select name="topic">
  <option value="  ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</option>
  <?php 
  $sql = "SELECT id,name FROM blog_topics ORDER BY name";
  $query = mysqli_query($db_conx, $sql) or die (mysqli_error());
  while($row = mysqli_fetch_array($query)){
      echo '<option value="' . $option[id] . '">' . $option[name] . '</option>';
  }?>

  </select>
  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  Enter a title:
  <input name="title" type="text" size="80" value="<?php echo $title; ?>" />
  </div>
  <div id="blogContent"><textarea name="blog" id="blog" cols="80" rows="25" class="tinymce"><?php echo $blog; ?></textarea>
  <br/><br/>
  <input type="submit" name="submit" id="submit" value="Publish Blog Post">
  <br/><br/>
  </div>
  <div class="blogClear"></div>
</form>
下面是我在页面上使用的javascript,用于引入文本编辑器并替换我的文本区域:

<script src="js/javascript-1.9.1.js" type="text/javascript"></script>
<script src="tiny_mce/jquery.tinymce.js"></script>
<script>
$().ready(function() {
    $('textarea.tinymce').tinymce({
        script_url : 'tiny_mce/tiny_mce.js',
        theme : "advanced",
        plugins : "autolink,lists,inlinepopups,paste,noneeditable,nonebreaking",
        theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
            theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
            theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
            theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak",
            theme_advanced_toolbar_location : "top",
            theme_advanced_toolbar_align : "left",
            theme_advanced_statusbar_location : "bottom",
            theme_advanced_resizing : true,
    });
});
</script>
就我所见,通过比较我的页面和他们在下载中提供的示例页面,应该可以看到一些东西!但我现在得到的只是一张空白页

谢谢大家


Phillip Dews

您可以尝试为textarea提供一个类,并将其添加到tinymce配置中

mode:'exact',
elements : "your_textarea_class",

快速猜测一下,删除主题\u高级\u调整大小后的最后一个逗号:true。特别是IE不喜欢这个。不,没什么,这和他们在下载中提供给你的示例页面上的一样,但我确实试过了!