summernote teksteditor

[marloes]

Ik heb op 2 websites cms scripts met Summernote als teksteditor staan. Op dezelfde manier ingevoegd en ingesteld volgens mij. Maar op één van deze sites wordt summernote niet goed weergegeven. Van de tekstlabels bij de knoppen wordt maar een heel klein stukje van de zwarte achtergrond weergegeven, de rest van het label toont alleen de witte letters, dus zonder de zwarte achtergrond; met de witte achtergrond van de editor niet leesbaar.

En ook bijvoorbeeld het invoegen van een tabel (waarbij je het aantal cellen, kolommen en rijen kunt aanwijzen) werkt niet.

Bij de andere site werkt het prima. Daar zien de tekstlabels er zo uit:

En ook het selecteren van de tabel opmaak gaat goed:

Waar kunnen de problemen bij de eerstgenoemde site door veroorzaakt worden en hoe kan ik het oplossen? Hopelijk kan iemand me helpen.

[Pablo]

Misschien gebruik je een oude versie van het script?

[marloes]

Beide scripts zijn met dezelfde versie van WYSIWYGwebbuilder gemaakt, dus dat zou niet moeten kunnen dan toch?

[Pablo]

Misschien heb je niet alle bestanden gepubliceerd?
Of misschien zijn de instellingen van het project, pagina, object anders?

Het is lastig je hierbij te helpen zonder te weten wat je precies hebt gedaan.
De software heeft duizenden opties en miljoenen mogelijke combinaties, dus ik heb meer details nodig om hier iets over te kunnen zeggen.

[marloes]

Kun je wat met een voorbeeldbestandje van deze pagina?

[Pablo]

Nee, ik heb een (DEMO) project nodig van zowel de werkende als niet-werkende editor zodat ik de verschillen kan zien.

[marloes]

Dat bedoelde ik . Wordt aan gewerkt!

[marloes]

Dit is het CMS gedeelte van de yoga website, waar de editor goed weergegeven wordt: https://mmzone.nl/yoga-aot-maarssen-cmsdemo.wbs.
Dit is het CMS gedeelte van de koor website, waar de editor niet goed weergegeven wordt: https://mmzone.nl/maskmaarssen-cmsdemo.wbs.

[Pablo]

Zou je alle niet relevante pagina's uit de projecten willen verwijderen zodat het direct duidelijk is waar ik moet kijken?
Anders gaat er voor mij veel tijd inzitten om uit te zoeken wat je precies hebt gedaan.

Zie ook:
viewtopic.php?t=96388

[marloes]

Volgens mij had ik dat al gedaan . Alleen de pagina's met het CMS element en de resultaatpagina's waren er nog. Ik heb nu de resultaatpagina's ook weg gehaald. Hopelijk is dat beter. De pagina's met CMS admin gedeeltes zitten onder "beheer".

• yoga website, waar de editor goed weergegeven wordt: https://mmzone.nl/yoga-aot-maarssen-cmsdemo.wbs
• koor website, waar de editor niet goed weergegeven wordt: https://mmzone.nl/maskmaarssen-cmsdemo.wbs

[Pablo]

Ik denk dat het verschil zit in de jQuery versies.
Alhoewel dit in de demo projecten hetzelfde staat ingesteld, lijkt de online versie van de yoga website gebruikty te maken van jQuery 1.12
Dus misschien dat summernote deze versie van jQuery niet ondersteund. Probeer het eens met jQuery 1.12.

[marloes]

Oké, ik zie het in de html nu inderdaad. Wel raar, want ik heb de pagina's opnieuw omgezet. Weet je welke tekst editor wel goed met de moderne versie van JQuery werkt?

[Pablo]

Volgens mij maakt SunEditor geen gebruikt van jQuery.
En anders kun je natuurlijk ook de jQuery instellen op een oude versie.

[marloes]

Oké, dan ga ik het eerst met de suneditor proberen. Wordt vervolgd... Dankjewel!!

[marloes]

Ik zie dat de SunEditor die door de webbuilder erin gezet wordt veel functies niet heeft, zoals het invoegen (en uploaden) van een afbeelding, opsomming en/of tabel. Dat zijn wel belangrijke dingen die er echt in moeten zitten. Kan ik deze op de één of andere manier toevoegen? Er staat op de site van SunEditor wel dat het inderdaad puur javascript is en de editor dus niet afhankelijk is van andere applicaties. Zou op zich wel goed zijn dus, mits extra functies te activeren zijn. Ik zie dat je wel instellingen kunt aangeven voor de editor, maar ik heb geen idee hoe dat werkt.

[Pablo]

Dit heeft niets met webbuilder te maken. De default settings worden gebruikt.
Je kunt de alle functies activeren via "Editor settings'.

Om dit uit te proberen kun je eventueel (tijdelijk) het 'rich text area' object gebruiken. Dan kun je alle opties testen zonder te eerst te publiceren.
https://www.wysiwygwebbuilder.com/richtextarea.html

[marloes]

Oké dat is super fijn. Dat heb ik alleen nog nooit gedaan en de pogingen die ik tot nu toe gedaan heb om settings in te voeren, die ik gevonden had bij informatie over SunEditor, werken niet; het resultaat is dat de editor verdwijnt en dat is niet de bedoeling natuurlijk . Waar kan ik de juiste informatie vinden over hoe ik welke functie kan activeren?

[Pablo]

Wanneer de editor niet wordt weergeven, dan zit er een fout in de instellingen.

Hier staan de opties die je kunt gebruiken:
http://suneditor.com/sample/html/options.html

Voorbeeld:

Code: Select all

buttonList: [
		[
			"undo",
			"redo",
			"font",
			"fontSize",
			"formatBlock",
			"paragraphStyle",
			"blockquote",
			"bold",
			"underline",
			"italic",
			"strike",
			"subscript",
			"superscript",
			"fontColor",
			"hiliteColor",
			"textStyle",
			"removeFormat",
			"outdent",
			"indent",
			"align",
			"horizontalRule",
			"list",
			"lineHeight",
			"table",
			"link",
			"image",
			"video",
			"audio",
			"imageGallery",
			"fullScreen",
			"showBlocks",
			"codeView",
			"preview",
			"print",
			"save",
			"template"
		]
	]

Merk op dat dit niet specifiek voor WWB is.

[marloes]

Jaaaa! Gelukt. Super bedankt! Volgens mij had ik dit er zelf ook al eens ingeplakt, maar toen werkte het niet. Blijkbaar toch iets verkeerds daarin gezet toen dus... Alleen werken de functies online niet goed. Die moet ik waarschijnlijk ook nog op een of andere manier instellen? Bij het invoegen van een afbeelding kun je wel een afbeelding uitkiezen van je schijf en toevoegen in de editor. Maar na het opslaan van het artikel is de tekst van het artikel verdwenen en is er geen afbeelding opgeslagen. En op de pagina waar het resultaat moet verschijnen klopt niks meer van de layout.