Beste Php'ers,
Ik heb zojuist een klein cms'je gemaakt en daarin heb ik tinymce toegevoegd om html te genereren. Dit gaat helemaal goed alleen wil ik graag aan de tags die tinymce genereerd een class toevoegen:
tinymce genereerd dus <h1>tekst</h1> en ik wil dat dit <h1 class="testClass">tekst</h1>.
Ik zit al een tijd te googelen maar ik kan het echt niet vinden. Op dit moment is de enige Javascript die ik heb m.b.t. tinymce het onderstaande:
<php>

tinymce.init({
selector: '#tinymceeditor'
});
</php>

Ik ben wel het onderstaande tegengekomen:
http://stackoverflow.com/questions/21792540/add-class-to-element-inserted-with-tinymce

maar ik krijg dit niet geimplementeerd, heb het onderstaande op een aantal plekkken geplaatst maar krijg een foutmelding:
<php>
tinyMCE.activeEditor.dom.addClass(tinyMCE.activeEditor.dom.select('p'), 'myclass');
</php>
Dit is de foutmelding:
"Kan de eigenschap dom van een niet-gedefinieerde verwijzing of een verwijzing naar een lege waarde niet ophalen"

Kan iemand mij vertellen hoe ik dit correct kan implementeren. Zit al een halve dag te zoeken maar kom hier niet uit.

Bedankt!

[size=xsmall]Toevoeging op 04/05/2016 13:43:27:[/size]

Ama saril op 04/05/2016 13:42:00

Beste Php'ers,
Ik heb zojuist een klein cms'je gemaakt en daarin heb ik tinymce toegevoegd om html te genereren. Dit gaat helemaal goed alleen wil ik graag aan de tags die tinymce genereerd een class toevoegen:
tinymce genereerd dus <h1>tekst</h1> en ik wil dat dit <h1 class="testClass">tekst</h1>.
Ik zit al een tijd te googelen maar ik kan het echt niet vinden. Op dit moment is de enige Javascript die ik heb m.b.t. tinymce het onderstaande:
<?php

tinymce.init({
selector: '#tinymceeditor'
});
?>

Ik ben wel het onderstaande tegengekomen:
http://stackoverflow.com/questions/21792540/add-class-to-element-inserted-with-tinymce

maar ik krijg dit niet geimplementeerd, heb het onderstaande op een aantal plekkken geplaatst maar krijg een foutmelding:
<?php
tinyMCE.activeEditor.dom.addClass(tinyMCE.activeEditor.dom.select('p'), 'myclass');
?>
Dit is de foutmelding:
"Kan de eigenschap dom van een niet-gedefinieerde verwijzing of een verwijzing naar een lege waarde niet ophalen"

Kan iemand mij vertellen hoe ik dit correct kan implementeren. Zit al een halve dag te zoeken maar kom hier niet uit.

Bedankt!

edit: code tags toegevoegd.


Edit: Excuses, ik heb de vraag niet goed gelezen. Gezien het feit dat je classes wilt toevoegen kan dit gemakkelijk met jQuery. Zie hiervoor: https://api.jquery.com/addclass/
Ah de jquery oplossing had ik niet aan gedacht bedankt!. Heb deze nu doorgevoerd.
Haha geen probleem! ;)
Alternatief, zet (bij het weergeven) een div om deze teksten heen zodat deze een apart format kunnen volgen? Dan hoef je ook geen classes in tags zelf toe te voegen? Lijkt mij een schonere oplossing?

EDIT dus in plaats van:
<h1 class="testClass">tekst</h1>

Dit:
<div class="wysiwyg">
<h1>tekst</h1>
</div>


Waarbij je de WYSIWYG-specifieke opmaak voor h1 opneemt in
.wysiwyg h1
in plaats van
h1.testClass

Reageren