StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>This describes how to embed the FCK editor and enable image uploading.</p> <p>First you need to edit fckconfig.js to change the image upload URL to point to some URL inside your server.</p> <pre><code>FCKConfig.ImageUploadURL = "/myapp/root/imageUploader"; </code></pre> <p>This will point to the server relative URL to receive the upload. FCK will send the uploaded file to that handler using the CGI variable name "NewFile" encoded using multipart/form-data. Unfortunately you will have to implement /myapp/root/imageUploader, because I don't think the FCK distribution stuff can be easily adapted to other frameworks.</p> <p>The imageUploader should extract the NewFile and store it somewhere on the server. The response generated by /myapp/root/imageUploader should emulate the HTML constructed in /editor/.../fckoutput.py. Something like this (whiff template format)</p> <pre><code>{{env whiff.content_type: "text/html", whiff.headers: [ ["Expires","Mon, 26 Jul 1997 05:00:00 GMT"], ["Cache-Control","no-store, no-cache, must-revalidate"], ["Cache-Control","post-check=0, pre-check=0"], ["Pragma","no-cache"] ] /}} <script> //alert("!! RESPONSE RECIEVED"); errorNumber = 0; fileUrl = "fileurl.png"; fileName = "filename.png"; customMsg = ""; window.parent.OnUploadCompleted(errorNumber, fileUrl, fileName, customMsg); </script> </code></pre> <p>The {{env ...}} stuff at the top indicate the content type and recommended HTTP headers to send. The fileUrl should be the Url to use to find the image on the server.</p> <p>Here are the basic steps to get the html fragment which generates the FCK editor widget. The only tricky part is you have to put the right client indentification into the os.environ -- it's ugly but that's the way the FCK library works right now (I filed a bug report).</p> <pre><code>import fckeditor # you must have the fck editor python support installed to use this module import os inputName = "myInputName" # the name to use for the input element in the form basePath = "/server/relative/path/to/fck/installation/" # the location of FCK static files if basePath[-1:]!="/": basePath+="/" # basepath must end in slash oFCKeditor = fckeditor.FCKeditor(inputName) oFCKeditor.BasePath = basePath oFCKeditor.Height = 300 # the height in pixels of the editor oFCKeditor.Value = "<h1>initial html to be editted</h1>" os.environ["HTTP_USER_AGENT"] = "Mozilla/5.0 (Macintosh; U;..." # or whatever # there must be some way to figure out the user agent in Django right? htmlOut = oFCKeditor.Create() # insert htmlOut into your page where you want the editor to appear return htmlOut </code></pre> <p>The above is untested, but it's based on the below which is tested.</p> <p>Here is how to use FCK editor using mod-wsgi: Technically it uses a couple features of WHIFF (see <a href="http://whiff.sourceforge.net" rel="nofollow noreferrer">WHIFF.sourceforge.net</a>), -- in fact it is part of the WHIFF distribution -- but the WHIFF features are easily removed. <p> I don't know how to install it in Django, but if Django allows wsgi apps to be installed easily, you should be able to do it. <p> NOTE: FCK allows the client to inject pretty much anything into HTML pages -- you will want to filter the returned value for evil attacks. (eg: see whiff.middleware.TestSafeHTML middleware for an example of how to do this).</p> <pre> """ Introduce an FCK editor input element. (requires FCKeditor http://www.fckeditor.net/). Note: this implementation can generate values containing code injection attacks if you don't filter the output generated for evil tags and values. """ import fckeditor # you must have the fck editor python support installed to use this module from whiff.middleware import misc import os class FCKInput(misc.utility): def __init__(self, inputName, # name for input element basePath, # server relative URL root for FCK HTTP install value = ""): # initial value for input self.inputName = inputName self.basePath = basePath self.value = value def __call__(self, env, start_response): inputName = self.param_value(self.inputName, env).strip() basePath = self.param_value(self.basePath, env).strip() if basePath[-1:]!="/": basePath+="/" value = self.param_value(self.value, env) oFCKeditor = fckeditor.FCKeditor(inputName) oFCKeditor.BasePath = basePath oFCKeditor.Height = 300 # this should be a require! oFCKeditor.Value = value # hack around a bug in fck python library: need to put the user agent in os.environ # XXX this hack is not safe for multi threaded servers (theoretically)... need to lock on os.env os_environ = os.environ new_os_env = os_environ.copy() new_os_env.update(env) try: os.environ = new_os_env htmlOut = oFCKeditor.Create() finally: # restore the old os.environ os.environ = os_environ start_response("200 OK", [('Content-Type', 'text/html')]) return [htmlOut] __middleware__ = FCKInput def test(): env = { "HTTP_USER_AGENT": "Mozilla/5.0 (Macintosh; U; Intel Mac OS X; en-US; rv:1.8.1.14) Gecko/20080404 Firefox/2.0.0.14" } f = FCKInput("INPUTNAME", "/MY/BASE/PATH", "THE <EM>HTML</EM> VALUE TO START WITH") r = f(env, misc.ignore) print "test result" print "".join(list(r)) if __name__=="__main__": test() </pre> <p>See this working, for example, at <a href="http://aaron.oirt.rutgers.edu/myapp/docs/W1500.whyIsWhiffCool" rel="nofollow noreferrer"> <a href="http://aaron.oirt.rutgers.edu/myapp/docs/W1500.whyIsWhiffCool" rel="nofollow noreferrer">http://aaron.oirt.rutgers.edu/myapp/docs/W1500.whyIsWhiffCool</a></a>.</p> <p>btw: thanks. I needed to look into this anyway.</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload