Openwysiwyg w Django

14 July 2008 Comments

OpenWYSIWYG to jeden z wielu wizualnych edytorów HTML działający w przeglądarce i napisany w JavaScipcie. Oficjalnie działa w IE i Mozillach, lecz mi również działa pod Operą 9.01. Wadą jest błędne działanie pod Konquerorem (nie daje czystego textarea lecz kawałek edytora). Skrypt rozprowadzany jest na licencji LGPL i może być modyfikowany jak i wykorzystywany do różnych projektów. Pobrać możemy go ze strony projektu

OpenWYSIWYG i Django

Rozpakuj pliki do katalogu na pliki statyczne (media files)
Edytuj wysiwyg.js i popraw ścieżki do komponentów:

// Images Directory
imagesDir = "/site_media/icons/";

// CSS Directory
cssDir = "/site_media/styles/";

// Popups Directory
popupsDir = "/site_media/popups/";

Gdzie /site_media/ to u mnie nazwa katalogu na pliki statyczne wewnątrz django.

W sekcji HEAD swojego szablonu dołącz plik wysiwyg.js:

<script language="JavaScript" type="text/javascript" src="/site_media/wysiwyg.js" />

Skrypt zamienia TEXTAREA na edytory. By dane textarea zostało przemienione w edytor musi mieć atrybut ID:

<textarea name="textarea1" id="ID">Test</textarea>
		</textarea>
		<script language="javascript1.2">
		generate_wysiwyg('ID');
		</script>

Po tagu textarea musimy wstawić wywołanie edytora dla textarea o podanym ID. Jeżeli chcemy kilka edytorów na stronie - tworzymy kilka textarea o różnych ID i dla każdego taga wywołujemy edytor.

Dodatkowo by wysłanie formularza wysyłało dane z edytora należy dodać do taga form lub submit wywołanie funkcji updateTextArea (odpowiednio przez onsubmit i onclick). Przykład:

<form action="." method="POST" onsubmit="updateTextArea('ID');">

Zrobione

Konqueror i Safari

W przypadku konquerora i podobnej safari są problemy z obsługą edytorów WYSIWYG napisanych w JS. W przypadku tego edytora nie dostaniemy czystego textarea tylko nie działający edytor WYSIWYG blokujący edycję danych. By temu zaradzić wyłączymy działanie edytora dla tych dwóch przeglądarek. Edytuj wysiwyg.js, znajdź funkcję generate_wysiwyg(textareaID) i na jej początku wstaw IFa:

function generate_wysiwyg(textareaID) {
 if ((navigator.userAgent.indexOf('Safari') != -1 ) || !document.getElementById || !document.designMode ) 
 {   //no designMode (Safari lies) 
    return;  //leaves standard text box in place 
 } 
  	// Hide the textarea - ciąg dalszy

RkBlog

Django, 14 July 2008

Comment article

PyCon PL 2016 status update

Call for proposals for PyCon PL 2016 conference is hitting deadline on 10th of June. Registration for the conference should start somewhat soon. The PyCon PL 2016 will be held in Hotel Ossa Congress & Spa located in Ossa (Poland) on October 13th through October 16th.

I'll be attending and if my talk will get to agenda - I'll have one of the talks. There will be English as well as Polish talks on the conference.

› Read more

Przesiadka na nową platformę Megiteam

Jakiś już czas temu Megiteam uruchomiła nową wersję swojej platformy hostingowej. Wszystko po to by całość lepiej działała i by dało się tym lepiej zarządzać. Ja swoje serwisy na nową platformę przeniosłem w zeszłym tygodniu.

› Read more

Squashowanie i optymalizacja migracji w Django

Wraz z pojawieniem się wbudowanego w Django mechanizmu migracji programiści pracujący nad tym frameworkiem dali nam narzędzie do squashowania migracji - do łączenia szeregu migracji w jedną o zmniejszonej ilości operacji, zoptymalizowaną. Mając kilkanaście, czy kilkadziesiąt migracji w aplikacji możemy trochę poczekać aż zbuduje się baza do testów. Oszczędność czasu, jak i chęć pozbycia się historii kodu, który już nie istnieje (np. usunięte modele) to powody, dla których możemy migracje squashować. Operacja ta wymaga jednak poświęcenia nieco czasu.

› Read more

Co nowego czeka nas w Django 1.8?

Parę dni temu wydano pierwszą betę Django 1.8. Co więc ciekawego czeka nas na przełomie marca i kwietni, gdy ukaże się pierwsza stabilna wersja 1.8?

› Read more

Facebook w aplikacjach Django dzięki małym pozytywnym modułom

Tworzenie aplikacji facebookowych, czy integrowanie serwisów internetowych z Facebookiem nie jest tematem nowym, ani specjalnie trudnym. W przypadku Django powszechnie znany jest duży pakiet django-facebook. Od paru dni dostępne są także na Githubie małe aplikacje używane do tej pory wewnętrznie w Pozytywnie.pl. W tym artykule przedstawię ich możliwości.

› Read more

Przykładowa aplikacja ember.js z Django i Django Rest Framework

Ember.js to jeden z frameworków do tworzenia aplikacji na jednej stronie. Układ kodu nieco podobny do tego w Django może zachęcić pythonistów do jego nauki i wykorzystania w pasujących projektach. Wcześniej opisywałem podstawy embera i przykładową aplikację z wykorzystaniem API generowanego przez Tastypie. W tym artykule postaram się pokazać nieco więcej, jak i wykorzystam nowszego embera jak i Django Rest Framework do wystawienia API.

› Read more