a
     
 
       
   Developpeur web    
       
   Php Mysql et divers    
       
   Shitao    
   Sénèque    
   Recettes    
       


> Comment installer et configurer rapidement CKEditor et CKFinder chez ovh

Et bien, après avoir téléchargé la dernière version, pour moi la 4.3.2

dans le fichier config.js je définis ma propre barre d'outil, je choisis mes boutons avec :

config.toolbar = 'MyToolbar';

config.toolbar_MyToolbar =
[
    { name: 'document', items : [ 'Source','-','Save','NewPage','DocProps','Preview','Print','-','Templates' ] },
    { name: 'clipboard', items : [ 'Cut','Copy','Paste','PasteText','PasteFromWord','-','Undo','Redo' ] },
    { name: 'editing', items : [ 'Find','Replace','-','SelectAll','-','SpellChecker', 'Scayt' ] },
   
    '/',
    { name: 'basicstyles', items : [ 'Bold','Italic','Underline','Strike','Subscript','Superscript','-','RemoveFormat' ] },
    { name: 'paragraph', items : [ 'NumberedList','BulletedList','-','Outdent','Indent','-','Blockquote','CreateDiv',
    '-','JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock','-','BidiLtr','BidiRtl' ] },
    { name: 'links', items : [ 'Link','Unlink','Anchor' ] },
    { name: 'insert', items : [ 'Image','Table','HorizontalRule','Smiley','SpecialChar','PageBreak','Iframe' ] },

    { name: 'styles', items : [ 'Styles','Format','Font','FontSize' ] },
    { name: 'colors', items : [ 'TextColor','BGColor' ] },
    { name: 'tools', items : [ 'Maximize', 'ShowBlocks' ] }
];

 

et ensuite des options importantes pour moi
j'ai perdu du temps à retrouver les onglets avancés pour les dialogue des liens par exemple... qu'il fallait juste commenter...

config.height = '253';//hauteur fenêtre car par défaut 200px

config.allowedContent = true;
config.ignoreEmptyParagraph = false;

config.entities = false; // Pas de conversion des accents en entités HTML si encodage non UTF-8

config.coreStyles_bold = { element : 'b', overrides : 'strong' };
config.coreStyles_italic = { element : 'i', overrides : 'em' };

// Se the most common block elements.
config.format_tags = 'p;h1;h2;h3;pre';

// Make dialogs simpler.
// config.removeDialogTabs = 'image:advanced;link:advanced';

 

Dans le formulaire qui doit afficher les bloc wysiwyg j'ai simplement, dans un tableau très laid, oui, je sais :

<TD valign="top" colspan=4 style="height:390px;">
<script src="../ckeditor/ckeditor.js"></script>
<script src="../ckfinder/ckfinder.js"></script>

<textarea name="article_texte" style="height:390px; width:400px;" >
<?
echo htmlentities(stripslashes($article_texte),ENT_COMPAT | ENT_HTML401,'ISO-8859-15');
//echo stripslashes($article_texte);
?>
</textarea>

<script>
var editor = CKEDITOR.replace( 'article_texte' );
CKFinder.setupCKEditor( editor, '/admin/ckfinder/' );
</script>
</TD>




retour

  Tags : ckeditor, ovh, php


> Configuration du fichier ovhconfig chez ovh
> Utiliser la librairie Iconv chez ovh en mutualisé
> Utiliser PHP5 sur un hébergement Ovh mutualisé
> Ajouter un fichier php en tache cron sur un dédié ovh
> Configuration du fichier ovhconfig chez ovh
> Htmlentities , ISO-8859-1 et UTF8
> Function ereg, eregi is deprecated
> Function mysql_db_query() is deprecated
> Function ereg_replace() is deprecated
> Extraire l'adresse d'une image d'une page web ou d'un string
Cylman
  Tags : ckeditor, ovh, php


> Configuration du fichier ovhconfig chez ovh
> Utiliser la librairie Iconv chez ovh en mutualisé
> Utiliser PHP5 sur un hébergement Ovh mutualisé
> Ajouter un fichier php en tache cron sur un dédié ovh
> Configuration du fichier ovhconfig chez ovh
> Htmlentities , ISO-8859-1 et UTF8
> Function ereg, eregi is deprecated
> Function mysql_db_query() is deprecated
> Function ereg_replace() is deprecated
> Extraire l'adresse d'une image d'une page web ou d'un string



RSS    |    Mes liens    |    Syndication    |    Plan    |    Sitemap XML    |    Création de site web à Carcassonne