将CKEditor与CKfinder一起使用并将内容保存到数据库中

时间:2017-01-18 18:06:43

标签: javascript php html

我有一个textarea是一个Ckeditor但是我包含了ckfinder,它允许我上传图像。 我需要将textarea中的所有数据发送到一个页面来处理收到的数据。

实际上我无法发送textarea内部的数据。

      <label>Corpo da Instrução de Trabalho</label>
      <textarea name="editor1" id="editor1" rows="10" cols="80" placeholder="Escrever o conteúdo da IT aqui...">

      </textarea>

      <script>

      // Replace the <textarea id="editor1"> with a CKEditor
      // instance, using default configuration.

     // CKEDITOR.replace( 'editor1' );

     var editor = CKEDITOR.replace( 'editor1' );
     CKFinder.setupCKEditor( editor );

   </script>

当我尝试将数据保存在接收数据的文件上时,我会这样做:

$myText = $_POST['editor1'];

但它是空的。

1 个答案:

答案 0 :(得分:1)

您需要将其与表单一起提交。并在head标记中包含ckeditor.js文件:example:

index.php

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="robots" content="noindex, nofollow">
    <title>Classic editor replacing a textarea</title>
    <script src="http://cdn.ckeditor.com/4.6.2/standard-all/ckeditor.js"></script>
</head>

<body>
    <form action="savetextarea.php" method="post" >

    <textarea cols="80" id="editor1" name="editor1" rows="10">
    </textarea>

        <p>
            <input type="submit" value="Submit">
        </p>
    </form>

    <script>
        // CKEDITOR.replace( 'editor1' );
    var editor = CKEDITOR.replace( 'editor1' );
    CKFinder.setupCKEditor( editor );
    </script>
</body>

</html>

在同一个文件夹中创建 savetextarea.php ,不要忘记打印内容:

<?php

$my_text = $_POST['editor1'];
print_r($my_text);

当您刷新页面时,添加example :-)中的某些图片并添加一些文字,当您提交时,它会在savetextarea.php上显示内容