在 repoze.bfg 中使用json传递数据

最新推荐文章于 2025-12-28 13:58:22 发布

原创最新推荐文章于 2025-12-28 13:58:22 发布 · 446 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#json #tinymce #traversal #templates #file #image

本文介绍如何配置TinyMCE富文本编辑器以显示服务器上的图片列表。通过Python脚本和ZCML配置，实现从指定目录加载图片，并在TinyMCE中作为可选资源展示。

目标, 为页面中的TinyMCE组件提供服务器的图像文件列表. 首先, 通过config.zcml指定资源目录:

我们的资源目录在templates/static 的文件系统路径下.

研究TinyMCE的初始化选项:

external_image_list_url: "imgList"

文档说到, imgList 将是一个java script内含一个数组, 类似于:

var tinyMCEImageList = new Array(

	// Name, URL

	["Logo 1", "logo.jpg"],

	["Logo 2 Over", "logo_over.jpg"]

);






 建一个python文件, 比如js.py, 里面放一个函数imgList用来返回上面的脚本:





def imgList(context, request):
    response = Response(content_type='application/x-javascript') 
    here = os.path.dirname(__file__)
    basedir = os.path.join(here,"templates","static","images","site")
    baseurl = "/static/images/site/"

    files = glob.glob(basedir+"/*")
    array = [(os.path.basename(file),baseurl+os.path.basename(file))
for file in files]

    response.body = "var %s = %s" % ('tinyMCEImageList',
simplejson.dumps(array))

    return response








好了, 现在是在zcml中装配的时候了,





<view 
    for="myproject.interfaces.ITextSnippet"
    name="imgList"
    view=".js.imgList"
    />



 

这段配置的意思是, 当路径traversal 到 ITestSnippet的实例对象  textSnippet/imgList,  bfg 找 js.py中的函数imgList来完成响应.

这就是我们为什么要在TinyMCE的初始选项中写:



external_image_list_url: "imgList" 



这里的imgList就会产生路径请求, 我们的zcml正好装配了对应这个请求的响应, 并且我们也写好了响应函数. 



结果就是实现了在TinyMCE中可以选择服务器图片进行插入.