Diskuze: TinyMCE - An invalid form control with name='content' is not focusable

Naučíme tě pracovat na home-office.

Zjistit více...

Aktivity

michal.smatlak

Člen

michal.smatlak:19.2.2018 19:05

Zdravím všetkých, používam TinyMCE 4 a toto je JavaScript kód aby to fungovalo :

<script type="text/javascript" src="//cdn.tinymce.com/4/tinymce.min.js"></script>
<script>
       tinymce.init({
         selector: 'textarea[name=content]',
         plugins: 'image code',
         toolbar: 'undo redo | link image | code',
         image_title: true,
         automatic_uploads: true,
         file_picker_types: 'image',
         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 reader = new FileReader();
             reader.onload = function () {
             var id = 'blobid' + (new Date()).getTime();
             var blobCache =  tinymce.activeEditor.editorUpload.blobCache;
             var base64 = reader.result.split(',')[1];
             var blobInfo = blobCache.create(id, file, base64);
             blobCache.add(blobInfo);
             cb(blobInfo.blobUri(), { title: file.name });
           };
           reader.readAsDataURL(file);
         };
         input.click();
       }
     });
</script>

a toto je php kód, ktorý mám v tom istom súbore a kde nastavujem textarea s názvom "content":

<textarea name="content" required="required"><?= $review['content'] ?></textarea>

a mám jeden problém. Keď kliknem na tlačidlo "odoslať" formulár sa neodošle, ale v konzole mám error: "An invalid form control with name='content' is not focusable."

Chcem sa teda spýtať kde môže byť problém a ako ho jednoducho vyriešiť. Za všetky rady vopred ďakujem.

Odpovědět

19.2.2018 19:05

Jan Štrobl

Člen

Jan Štrobl:20.2.2018 15:46

Doufám že teď nenapíšu kravinu ale v tom scriptu.. nemělo by tam být pouze

<script>
       tinymce.init({
         selector: 'textarea["content"]',
.....
</script>

Nebo možná bez těch uvozovek teď přesně nevím..Já používám CKEditor

Nahoru Odpovědět

20.2.2018 15:46

Neaktivní uživatel

Tvůrce

Neaktivní uživatel:20.2.2018 15:57

Nejsem si jistý, jestli tinymce umí načítat podle name. Zkus buď to co napsal Tex, nebo přidej do textarea id a do selectoru zadej tohle:

textarea#mojeid

nebo jen

#mojeid

Editováno 20.2.2018 15:58

Nahoru Odpovědět

20.2.2018 15:57

Neaktivní uživatelský účet

Jan Štrobl

Člen

Jan Štrobl:20.2.2018 15:57

E: Ikdyž mě napadá že by ten TinyMCE neměl mít moc velkej vliv na odeslání formuláře.. koukni jestli to máš správně v kódu u POSTu.

Nahoru Odpovědět

20.2.2018 15:57

Radek Procházka

Člen

Radek Procházka:28.2.2020 0:50

Je to sice už nějakou dobu co se to tu řešilo, ale narazil jsem na ten stejný problém. Nakonec stačilo z textarea odstranit required. Třeba to někomu pomůže.

Nahoru Odpovědět

28.2.2020 0:50

Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 5 zpráv z 5.