使用 AJAX 自动保存 tinymce 中的文本

Question

我想将带有 post 的微型 mce 中的文本自动保存到我的控制器。我只想自动保存文本区域的名称="inhoud2"。

这是我的 header:

@extends('dashboard.app')

@section('content')

@include('auth.flashMessageError')
<script src="\tinymce_4.4.1\tinymce\js\tinymce\tinymce.min.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>tinymce.init({ selector: 'textarea',  height : 350, }); </script>
<script>tinymce.init({ selector:'textarea' });</script>
<script>
var autosaveOn = false;
function myAutosavedTextbox_onTextChanged()
{
    if (!autosaveOn)
    {
        autosaveOn = true;

        $('#inhoud2').everyTime("300000", function(){
             $.ajax({
                 type: "POST",
                 url: "opslaanedit",
                  data: $("#editsubmit").serialize(),
                 success: function(msg) {
                     $('autosave').text("gesaved");
                 }
             });
        }); //closing tag
    }
}

</script>

这是我的 html 代码：

<form method="POST" id="editsubmit" action="/opslaanedit" >

    {!! csrf_field() !!}

        <div id="autosave"></div>
    <div class="panel panel-flat">
        <div class="panel-heading">
            <h5 class="panel-title">Wijzig Document</h5>
            <div class="heading-elements">

            </div>
        </div>

        <div class="panel-body">
            <fieldset>
                <legend class="text-semibold">Wijzig de inhoud</legend>

                <div class="form-group">
                    <input type="hidden" value="{{basename($root)}}" name="filename" id="filename" readonly="readonly" class="form-control" > <!-- verborgen veld voor de html name -->

                    <label><b>Titel</b> </label>
                    <input type="text" value="{{$title}}" id="titelnieuw" name="titelnieuw" class="form-control">

                </div>
                <textarea id="inhoud2" name="inhoud2"><?php echo file_get_contents($root);?></textarea> <!--tiny mce editor -->
                <br>
                <div class="text-left">
                    <button type="submit" class="btn btn-primary">Wijzig <i class="icon-arrow-right14 position-right"></i></button>
                </div>
            </div>
        </div>
    </form>

    @endsection

我没有自动保存文本。

Answer 1

这看起来像是继承的代码。有很多 space 需要改进。我不知道 textarea 是第一次保存，还是刚刚更新，所以我不知道我应该 post textarea 的值到哪条路线。是否需要任何其他字段？

有很多因素。如果你只是害怕丢失文本区域内容，我会使用来自 tinymce 的 autosave plugin。它将内容保存在本地存储中。

使用 AJAX 自动保存 tinymce 中的文本

Autosave the text in tinymce with AJAX

php

ajax

jquery

autosave

laravel