Dodawanie nowych szablonów do FckEditor

Do wykonywanego w Symfony projektu klient zażyczył sobie możliwości nadawania indywidulanych styli CSS.

Edytor który jest dostępny w podstawowej wersji nie ma możliwości nadawania indywidualnego charakteru, aby nadać nowy wygląd i mieć możliwość dowolnego manipulowania tekstem konieczne jest zainstalowanie nowego pluginu.

Pełen wgląd w dostępne dodatki mamy na stronie Symfony w  katalogu pluginów. Docelowo szukam fckeditor’a wpisując po prostu „fck” w okienko wyszukiwarki.

Sama instalacja dodatku jest również prosta… W katalogu w którym mamy dostęp do ścieżki symfony wpisujemy komendę:

{code type=bash}

php symfony plugin-install http://plugins.symfony-project.com/nazwaPluginu

{/code}

w przypadku starszej wersji, lub w przypadku ostatniego środowiska:

{code type=bash}

php symfony plugin:install sfCKEditorPlugin

{/code}

W rezultacie naszym oczom ukaże się informacja od instalatora skryptu…

plugin_install_symfony

Poniżej szczegóły dotyczące dalszej konfiguracji edytora pobrane ze strony producenta:

You need to create an autoload.yml in the project config directory.

<code>autoload:
  ckeditor:
    name:       ckeditor
    path:       path/to/ckeditor/dir
    recursive:  on
</code>

You need to set the basePath of the ckeditor in an app.yml.

<code>all:
  ckeditor:
    basePath:         'path/to/ckeditor/'
</code>

How to use:

$this-&gt;widgetSchema['my_editor'] = new sfWidgetFormCKEditor();

Set CKEditor config param

You can set config with the ckeditor object directly

$this-&gt;widgetSchema['my_editor'] = new sfWidgetFormCKEditor();
$editor = $this-&gt;widgetSchema['my_editor']-&gt;getEditor();
$editor-&gt;config['param'] = value;

Or:

$this-&gt;widgetSchema['my_editor'] = new sfWidgetFormCKEditor(array('jsoptions'=&gt;array('param' =&gt; 'value'));

See http://ckeditor.com/ for config instructions

To use CKFinder:

Add in the autoload.yml file

<code>ckfinder:
  name:       ckfinder
  path:       path/to/ckfinder/dir
  recursive:  on
</code>

In app.yml:

<code>all:
  ckfinder:
    active:           true
    basePath:         'path/to/ckfinder/'
</code>

Access to CKFinder object:

$this-&gt;widgetSchema['my_editor'] = new sfWidgetFormCKEditor();
$finder = $this-&gt;widgetSchema['my_editor']-&gt;getFinder();

You need to configure path/to/ckfinder/config.php. See http://ckfinder.com/ for instructions.

Teraz możemy już przejść do dalszej pracy nad dodawaniem styli do edytora…

One Response to “Dodawanie nowych szablonów do FckEditor”

  1. admin pisze:

    A jak dodać oporny plugin, np. w fazie beta czy z innej wersji? Również można i istnieje duże prawdopodobieństwo że śmigał będzie…
    Poniżej przykład…

    php symfony plugin:install –stability=beta –install_deps sfCKEditorPlugin

Leave a Reply