Home > Django > Django 1.2: tiny_mce 3.3.9.2

Django 1.2: tiny_mce 3.3.9.2

15 Novembre 2010

Ho scaricato Tiny_mce versione 3.3.9.2.
L’ho scompattato in una directory temporanea.

Nel mio progetto libreria, ho creato una sottodirectory \content.
E dentro content ho creato un’altra sottodirectory \js.
Dalla directory temporanea (contente tiny_mce), entro nella sottodir
\tinymce_3_3_9_2\tinymce\jscripts e copio la sottodir tiny_mce,
dentro alla precedentemente creata \content\js.

Sempre dentro a \content\js, oltre ad avere ora la sottodir
tiny_mce, creo un file textareas.js dnetro al quale scrivo il
seguente codice:

tinyMCE.init({
	mode: "textareas",
	theme: "advanced",
	width : "300",
	height : "200",

});

Per prima cosa verifico che i file .js dei quali ho bisogno,
vengano visti correttamente.
Controllo che nel file settings.py ci siano le costanti
dei percorsi settate correttamente:

SITE_ROOT = os.path.dirname(os.path.realpath(__file__)).replace("\\", "/")
MEDIA_ROOT = os.path.join(SITE_ROOT, 'content/').replace("\\", "/")
MEDIA_URL = '/media/'
ADMIN_MEDIA_PREFIX = '/admin-media/'

Avvio il server con

python manage.py runserver

e vado all’indirizzo:

http://127.0.0.1:8000/media/js/textareas.js

controllo che venga caricato anche tiny_mce.js, all’indirizzo:

http://127.0.0.1:8000/media/js/tiny_mce/tiny_mce.js


Sempre con riferimento all’esempio wikisearch del libro di Marco Beri,

nel file libreria\views_wiki.py aggiungo la meta class Media con
i riferimenti ai path dei file .js:

class WikisearchForm(forms.Form):
    class Media:
	from settings import MEDIA_URL
        js = ( MEDIA_URL + "/js/tiny_mce/tiny_mce.js",
               MEDIA_URL + "/js/textareas.js",)
    ...

mentre nel template base.html aggiungo un tag extrahead:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" >
<head>
	<title>{% block title %}Hello world!{% endblock %}</title>

	{% block extrahead %}{% endblock %}

e nell’estensione wikisearch.html:

{% extends 'base.html'%}

{% block title%}Ricerca Wikipedia{% endblock %}

{% block extrahead %}{{ block.super }}

	<script type="text/javascript" src="/media/js/tiny_mce/tiny_mce.js"></script>
	<script type="text/javascript" src="/media/js/textareas.js"></script>
{% endblock %}
...

Come ultima cosa, aggiungiamo nell’urlCONF, l’ultimo tassello:

(r'^libri/ricerca/$', 'libreria.views_wiki.ricerca'),

Il tutto sembra funzionare, caricando l’url:

http://127.0.0.1:8000/libri/ricerca/

Categorie:Django Tag:
I commenti sono chiusi.