TinyMCE y Laravel 5.3 TokenMismatchException
Estoy tratando de implementar la carga de imágenes de TinyMCE, usando Laravel 5.3 en el lado del servidor:
Aquí está mi JS para TinyMCE, que actualmente se encuentra en una plantilla de hoja:
<script src="{{ URL::to("/tinymce/tinymce.min.js") }}"></script>
<script>
tinymce.init({
selector: 'textarea',
plugins: [
"advlist autolink lists link image charmap print preview hr anchor pagebreak",
"searchreplace wordcount visualblocks visualchars code fullscreen",
"insertdatetime media nonbreaking save table contextmenu directionality",
"emoticons template paste textcolor colorpicker textpattern"
],
toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image media",
relative_urls: false,
image_title: true,
automatic_uploads: true,
images_upload_url: '/discussions/save_images/',
file_picker_types: 'image',
images_upload_credentials: true,
file_picker_callback: function(cb, value, meta) {
var input = document.createElement('input');
input.setAttribute('type', 'file');
input.setAttribute('accept', 'image/*');
input.onchange = function() {
var file = this.files[0];
var id = 'blobid' + (new Date()).getTime();
var blobCache = tinymce.activeEditor.editorUpload.blobCache;
var blobInfo = blobCache.create(id, file);
blobCache.add(blobInfo);
cb(blobInfo.blobUri(), { title: file.name });
};
input.click();
}
});
</script>
Mi ruta para manejar la solicitud POST hecha por TinyMCE:
Route::post("/discussions/save_images/", 'Discussion\DiscussionController@saveImages');
Mi acción para manejar cada carga:
public function saveImages(Request $request) {
$filename = sha1(uniqid()).'.'.request()->file("name")->getClientOriginalExtension();
$request->file("name")->move('/images/discussions/', $filename);
return json_encode(["location"=>"/images/discussions/".$filename]);
}
Laravel lanza una TokenMismatchException. ¿Cómo puedo pasar el token CSRF a la solicitud POST que hace TinyMCE?
Sé que, en general, se puede acceder a este token en una plantilla a través de{{ csrf_token }}
, pero no estoy seguro de la configuración correcta con respecto a TinyMCE.