Openwysiwyg in Django

Check out the new site at https://rkblog.dev.

14 July 2008 Comments

OpenWYSIWYG is one of browser based WYSIWYG editors. Officialy works on IE and mozillas but in my case it works also on opera 9. It's distributed under LGPL license and it can be downloaded from the project website

OpenWYSIWYG and Django

- Extract the archive to your media files folder
- Edid wysiwyg.js and fix the paths to ediotor components:

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

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

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

Where /site_media/ in my case is the media folder name in django.
- In HEAD section of your template add wysiwyg.js:

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

- In a form add Textareas with id attributes:

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

After textarea tag you need to call a function to create a editor for a textarea by given ID. If you want more editors on one page - make some textarea tags with different IDs and call the editor for each one.
- We have to also call in form or submit tag a updateTextArea function (onsubmit and onclick) to get the editor content in the post data (under textarea name request.POST key). For example:

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

- Done

Konqueror and Safari

OpenWYSIWYG doesn't work in those browsers. In konqueror it will show a broken editor, which will block all changes. To kill wysiwyg for those browsers edit wysiwyg.js, find function generate_wysiwyg(textareaID) and add an if at start::

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

Programming in Python, 14 July 2008

Check out the new site at https://rkblog.dev.

Comment article

Generating memes and infographics with Pillow

Pillow is used for simple operations on images, like resizing, converting to other file formats, and so on. It also can be used to generate custom graphics like infographics or composites of multiple images - memes, infographics, and more. Let's take a look at how it can be done.

› Read more

Watching docker logs in the browser with Python and Eel

Multiple microservices deployed with Kubernets and Docker mean multiple containers to check for logs when debugging or watching internal communication. It would be handy if we could look through logs in a more organized way - and that's how Docker-watcher was born.

› Read more

Starting new web service business from IT point of view - ChatPilot case study

A company wants to start a new web service - a messaging aggregator for customer support. How do you go from an idea to a Python/Vue/Socket.IO web application? This is a story of ChatPilot.io told by it dev team.

› Read more

Programmatically creating video clips and animated GIFs in Python

Video editing is an art of it own but sometimes you may have to generate a video programmatically - like a short marketing or manual type of clip that uses data from your application at the time of creation. This can be done in Python although it won't be that easy. MoviePy and Gizeh can be used to create animated GIFs or video clips with text, images, animated vector graphics and alike. Let see what they can do.

› Read more

Streaming live video feed on a website with a mjpeg server

Basic video streaming on a webpage can be quite handy when you want to show a live view from an IP camera or other similar source. From many solutions available I'll showcase here a simple MJPEG server streaming a video source and displaying it on a webpage.

› Read more

Scripting machine vision and astronomical cameras in Python

Recently I've showcased how to script Ximea cameras in Python. There are other machine vision, microscopy or astronomical cameras that have Python bindings and can be used for image acquisition. In this article I'll go over most popular vendors and their APIs.

› Read more