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

时间:2016-10-05 20:41:08

标签: php jquery ajax laravel autosave

我想用微小的mce自动保存我的文本,并将帖子发送给我的控制器。我只想自动保存名称=" inhoud2" textarea。

这是我的标题:

@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

我没有自动保存文字。

1 个答案:

答案 0 :(得分:0)

这看起来像是继承的代码。还有很多需要改进的地方。我不知道textarea是第一次保存,还是只是更新了,所以我不知道应该在哪条路线上发布textarea的值。是否还需要其他字段?

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