Nacházíte se: WALL.czNástěnka › Instalace a konfigurace wysiwyg editoru TinyMCE v Sunlight-CMS
Kategorie: Nástěnka

Instalace a konfigurace wysiwyg editoru TinyMCE v Sunlight-CMS

wall.czAdministraci redakčního systému Sunlight-CMS lze rozšířit o WYSIWYG editor TinyMCE. S nainstalovaným wysiwyg editorem uživatelé jakéhokoliv redakčního systému nemusí znát značky jazyka HTML a mohou tak rychle a pohodlně publikovat.

Wysiwyg editor TinyMCE lze stáhnout z domovské stránky redakčního systému Sunlight-CMS nebo z domovské stránky TinyMCE včetně české lokalizace. Tento editor je již ve verzi 3.2.4.1. a uživatelé starší verze editoru mohou provést update. Dokumentaci si můžete prostudovat na TinyMCE Wiki.

Instalace

  • Rozbalte archiv.
  • Soubor tinymce.slam a adresář tinymce zkopírujte do složky admin/modules/.
  • Aktivujte modul v administraci Nastavení systému v rámečku Administrace.
  • Modul je ještě nutné aktivovat v Uživatelském nastavení.

Konfigurace

Veškerá nastavení a konfigurace se provádí v souboru tinymce.slam. Tento soubor je jen v archivu staženém z domovské stránky redakčního systému. Pokud jste stáhli editor přímo z domovské stránky editoru, tak jej musíte vytvořit. Níže několik vybraných parametrů s komentářem:

  1. mode:
    • textareas (editor bude zobrazen ve všech TEXTAREA)
    • exact (editor bude zobrazen ve specifickém elementu uvedeném v parametru elements)
    • none (editor nebude zobrazen)
  2. elements: "wysiwygtarget" (specifický element pro parametr mode: exact)
  3. language: "cs" (nastavení češtiny - čeština musí být nainstalovaná)
  4. entity_encoding: "raw" (nepřevádí znaky na entity)
  5. relative_urls: true (pokud je nastaveno na true, pak veškeré URL budou nastaveny na relativní tvar definovaný v CMS
  6. theme:
    • advanced (pokročilé zobrazení)
    • sipmle (jednoduché zobrazení)
  7. skin: "o2k7" (definování skinu, seznam skinů najdete ve složce "tinymce/themes/advanced/skins/")

Příklad konfiguračního souboru tinymce.slam

<script language="javascript" type="text/javascript" src="modules/tinymce/tiny_mce.js"></script> <script language="javascript" type="text/javascript"> tinyMCE.init({ // General options mode : "exact", elements : "wysiwygtarget", language : "cs", entity_encoding : "raw", theme : "advanced", skin : "o2k7", skin_variant : "silver", relative_urls : true, plugins : "safari,spellchecker,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,imagemanager,filemanager", // Theme options theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect", theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor", theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen", theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak", theme_advanced_toolbar_location : "top", theme_advanced_toolbar_align : "left", theme_advanced_statusbar_location : "bottom", theme_advanced_resizing : true, theme_advanced_resize_horizontal : false, paste_use_dialog : false, paste_auto_cleanup_on_paste : true, paste_convert_headers_to_strong : false, paste_strip_class_attributes : "all", paste_remove_spans : false, paste_remove_styles : false }); </script>

Tipy

  • Pokud nemáte nastaveno entity_encoding: "raw", tak HCM modul vkládejte bez editoru, protože editor překládá hranaté závorky na entity.
  • Pokud chcete zobrazit editor v perexu, upravte parametr elements takto "wysiwygtarget, perex".
  • Pokud se vám nezobrazují obrázky, tak zkuste nastavit "relative_urls : true".
  • Vadí vám, že nástrojová lišta zabírá velkou část editační plochy? Změňte theme_advanced_toolbar_location: "top" na "external".
  • Pokud chcete odstranit konkrétní tlačítko, tak jej odstraňte z daného parametru "theme_advanced_buttons".
  • Pokud si chcete vytvořit vlastní lišty, kde chcete mít jen vybraná tlačítka, tak název tlačítka zadejte do parametru "theme_advanced_buttons" viz obrázek.

print Formát pro tisk

Sdílet článek:


QR kód s odkazem na článek "Instalace a konfigurace wysiwyg editoru TinyMCE v Sunlight-CMS"

Pokud máte ve svém mobilu nainstalovanou čtečku QR kódů, načtením tohoto kódu přenesete článek do prohlížeče svého mobilního telefenu.
QR kód s odkazem na článek

Komentáře rss

Přidat komentář >

, TinyBrowser do TinyMCE odpovědět
avatar
Zdravím.
Bylo by možné přidat doplněk TinyBrowser, vkládání obrázků a dokumenů, do TinyMCE?
S pozdravem Fiky.citovat

Uživatelské menu

Nejste přihlášen(a)
avatar\n

Menu

On-line nástroje

Formulář Faktura

Formulář Faktura IV

Oblíbený formulář Faktura byl vylepšen a rozšířen.
Více se dočtete zde.

Aktivní diskuse

odpocet a storno tl.

PavDD • 28.3. 8:53

odpocet a storno tl.

Začátečník • 26.3. 14:39

odpocet a storno tl.

PavDD • 26.3. 10:22

odpocet a storno tl.

elninoslov • 26.3. 7:50

odpocet a storno tl.

PavDD • 26.3. 7:26

odpocet a storno tl.

elninoslov • 25.3. 22:34

odpocet a storno tl.

Začátečník • 25.3. 15:09