TinyEditor - 使用$ _POST

时间:2013-06-26 20:29:13

标签: php javascript jquery post tinyeditor

好吧,我有这段代码:

<?php 
 if(isset($_POST['texto'])) {
 $texto =  $_POST['texto'];
echo "$texto";

 ?>
 <form action="/env_not.php" method="POST">
<textarea id="tinyeditor" name="texto" style="width: 700px; height: 800px"></textarea>
<script>
var editor = new TINY.editor.edit('editor', {
    id: 'tinyeditor',
    width: 700,
    height: 800,
    cssclass: 'tinyeditor',
    controlclass: 'tinyeditor-control',
    rowclass: 'tinyeditor-header',
    dividerclass: 'tinyeditor-divider',
    controls: ['bold', 'italic', 'underline', 'strikethrough', '|', 'subscript', 'superscript', '|',
        'orderedlist', 'unorderedlist', '|', 'outdent', 'indent', '|', 'leftalign',
        'centeralign', 'rightalign', 'blockjustify', '|', 'unformat', '|', 'undo', 'redo', 'n',
        'font', 'size', 'style', '|', 'image', 'hr', 'link', 'unlink', '|', 'print'],
    footer: true,
    fonts: ['Verdana','Arial','Georgia','Trebuchet MS'],
    xhtml: true,
    cssfile: 'custom.css',
    bodyid: 'editor',
    footerclass: 'tinyeditor-footer',
    toggle: {text: 'source', activetext: 'wysiwyg', cssclass: 'toggle'},
    resize: {cssclass: 'resize'}
});
</script>  <input type='submit' style='text-align: right' name='enviar' value='Enviar'>
  </form>

当我提交此表单时,我的$ _POST ['texto']返回为空,我如何将值传递给TinyEditor,传递给我的textarea.texto?因为我需要用PHP获得这个值。

谢谢!

3 个答案:

答案 0 :(得分:0)

嗯,已经有一段时间了,但我会回答我的发现。也许它会在将来帮助某人。

我遇到了同样的问题然后我发现你必须点击“source”(查看html)和然后提交。如果没有,它将无法保存您所写的内容。不知道为什么会这样,我正在寻找这个问题的帮助。

答案 1 :(得分:0)

您需要在表单中添加.. onsubmit =“editor.post()”..以获取所见即所得的内容。 对于wysiwyg-mode,动态构建了iframe结构。在wysiwyg模式下,textarea-object的值不会被更改。仅在源模式下。希望有所帮助。

答案 2 :(得分:0)

尝试为我工作:

 <form action="/env_not.php" method="POST">
 <textarea id="texto" name="texto" style="width: 700px; height: 800px"></textarea>
 <script>
 var texto = new TINY.editor.edit('texto', {
  id: 'texto',
  width: 700,
  height: 800,
  cssclass: 'tinyeditor',
  controlclass: 'tinyeditor-control',
  rowclass: 'tinyeditor-header',
  dividerclass: 'tinyeditor-divider',
  controls: ['bold', 'italic', 'underline', 'strikethrough', '|', 'subscript', 'superscript', '|',
    'orderedlist', 'unorderedlist', '|', 'outdent', 'indent', '|', 'leftalign',
    'centeralign', 'rightalign', 'blockjustify', '|', 'unformat', '|', 'undo', 'redo', 'n',
    'font', 'size', 'style', '|', 'image', 'hr', 'link', 'unlink', '|', 'print'],
  footer: true,
  fonts: ['Verdana','Arial','Georgia','Trebuchet MS'],
  xhtml: true,
  cssfile: 'custom.css',
  bodyid: 'editor',
  footerclass: 'tinyeditor-footer',
  toggle: {text: 'source', activetext: 'wysiwyg', cssclass: 'toggle'},
  resize: {cssclass: 'resize'}
 });
 $('#enviar').click(function() {
   texto.post();
 });
</script>  
<input type='submit' style='text-align: right' name='enviar' id='enviar' value='Enviar'>
</form>