Question

我想创建一个包含CKEDITOR的html文件，当编辑完成后，html文件被正确修改。

<html>
<head>
    <title>Editable</title>
    // Adds CKEDITOR
    <script src="//cdn.ckeditor.com/4.4.6/standard/ckeditor.js"></script>
</head>

<body>
    // Simple DIV with in-line CKEDITOR

    <div id="editable1" contenteditable="true">
        <h1>Inline Editing in Action!</h1>
        <p>The "div" element that contains this text is now editable.
    </div>

<script>

//Adds the editor
CKEDITOR.disableAutoInline = true;
CKEDITOR.inline( 'editable' );

//When focus is lost, it will perfom the action
CKEDITOR.instances.editable.on( 'blur', function( e )
{

    //Right now this change is only client side, i would like to make it serverside
    $data = CKEDITOR.instances.editable.getData()
    $id = this.element.$.id
    document.getElementById('editable').innerHTML = $data
});
</script>
</body>
</html>

如果你看到，我对代码进行了评论，因此得到了很好的解释。我有一个id，我有一个新的数据，我希望修改原始的HTML文件。我应该使用巫语吗？任何特定的图书馆？

我想我需要使用php

谢谢，

Answer 1

这在一个简单的StackOverflow答案中过于宽泛而无法回答，但在极其简洁的列表中的步骤

学习服务器端语言
了解数据库
将正文从HTML页面提取到服务器端页面
从数据库中打印正文内容
使用AJAX或简单的POST页面，您可以在其中发送正文内容
了解足够的JavaScript以将正文内容发送到新页面（AJAX或生成的表单）
当您的新页面获取HTML时，将其保存到数据库
重新加载页面

不要忘记清理你的输入！

自编辑的页面

1 个答案: