NOVINKA! E-learningové kurzy umělé inteligence. Nyní AI za nejlepší ceny. Zjisti více:
NOVINKA – Víkendový online kurz Software tester, který tě posune dál. Zjisti, jak na to!

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

V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity
Avatar
michal.smatlak
Člen
Avatar
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
Avatar
Jan Štrobl
Člen
Avatar
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
Avatar
Neaktivní uživatel
Tvůrce
Avatar
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
Avatar
Jan Štrobl
Člen
Avatar
Odpovídá na Jan Štrobl
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
Avatar
Radek Procházka
Člen
Avatar
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.