思い立ったが吉日生活: Ploneでユーザごとに好きなwysiwygエディターを選んでつかってもらう

<< 2009年06月 >>
日	月	火	水	木	金	土
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30

2005年03月18日

Ploneでユーザごとに好きなwysiwygエディターを選んでつかってもらう

PloneでつかえるwysiwygエディターはEpozだったりFCKEditorだったりCMFVisualEditorだったりいろいろあります。
でも複数のエディターをユーザごとに設定できるようにするには
/portal_skins/customにwysiwyg_supportを追加して編集する必要があります。

wysiwig_supportの例
全部使うならそのままコピペでオッケー、
二種類使うなら使わないものの色をはずせば使えると思う。
赤：CMFVisualEditor　青：Epoz　黄：FCKEditor


<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en"
"http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">

<html i18n:domain="plone">

<!-- wysiwyg default widget -->
<div metal:define-macro="wysiwygEditorBox">

<tal:block tal:define="useCMFVE python: here.portal_membership.getAuthenticatedMember().getProperty('wysiwyg_editor')=='Visual Editor' and request.environ.get('HTTP_USER_AGENT').count('MSIE');
                        useEpoz python: here.portal_membership.getAuthenticatedMember().getProperty('wysiwyg_editor')=='Epoz';
                        useFCK python: here.portal_membership.getAuthenticatedMember().getProperty('wysiwyg_editor')=='FCK Editor';
                        wysiwyg python: useCMFVE | useEpoz | useFCK">


<tal:block tal:condition="useEpoz"
            tal:define="ztu modules/ZTUtils;
                            pss modules/Products/PythonScripts/standard;
                            text_format python: getattr(here,'text_format','html');
                            getProperty python: here.stylesheet_properties.getProperty;
                               current_skin python: ztu.make_query(skin=request.get(here.portal_skins.getRequestVarname(), ''));"

             tal:replace="structure python: here.Epoz(
                                    inputname, 
                                    data = test(text_format=='structured-text', 
                                            pss.structured_text(inputvalue), 
                                            test(text_format=='plain',
                                                  pss.newline_to_br(inputvalue),
                                                  inputvalue)),
                                    toolbox = here.absolute_url() + '/epoz_toolbox',
                                    style = 'width: 800px; height: 600px; margin-top: 2px; border: %s;' % (getProperty('preBorder','1px solid #8cacbb'),),
                                    button = 'background-color: %s; border: 1px solid %s; cursor: pointer; margin-right: 1px; margin-bottom: 1px;' % (
                                    		   getProperty('contentTabBackground','#CDE2A7'),
                                    		   getProperty('contentTabFontColor','#578308'),),
                                    path = portal_url + '/')">

</tal:block>


<tal:block tal:condition="python: useCMFVE">
  <iframe name="visedit" style="width: 800px; height: 600px; border:solid gray 1px;"  tal:attributes="src string:visualeditor_edit?BASEURL=${here/portal_url}"></iframe>

  <textarea cols="80"
            rows="25"
            tabindex=""
            name="description"
            style="display:none"
            tal:content="inputvalue"
            tal:attributes="name inputname;
                            id inputname;
                            onfocus onfocus|nothing;
                            onblur onblur|nothing;
                            tabindex tabindex|nothing"></textarea>

</tal:block>


<tal:block tal:condition="python: useFCK"
           tal:define="parent_url python:here.aq_parent.absolute_url();
                         cleaninput0 python:inputvalue.replace('\x5C','\x5C\x5C');
                         cleaninput1 python:cleaninput0.replace('\x27','\x5C\x27');
                         cleaninput2 python:cleaninput1.replace('\r',' ');
                         cleaninput python:cleaninput2.replace('\n',' ')">


   <script type="text/javascript" src="" tal:attributes="src string:fckeditor.js">
   </script>

   <script type="text/javascript" tal:content="structure string: 
&lt;!--
var oFCKeditor=new FCKeditor('${inputname}'); 
oFCKeditor.BasePath='${request/URLPATH2}/'; 
oFCKeditor.Value='${cleaninput}';
oFCKeditor.ToolbarSet='ZopeCmf'; 
oFCKeditor.Width=780; 
oFCKeditor.Height=600;
oFCKeditor.Create(); 
--&gt;
">
     The FCK Editor Script
   </script>


</tal:block>


<tal:block condition="not: wysiwyg">
<textarea cols="80"
            rows="25"
            tabindex=""
            name="text"
            tal:content="inputvalue"
            tal:attributes="name inputname;
                            id inputname;
                            onfocus onfocus|nothing;
                            onblur onblur|nothing;
                            tabindex tabindex|nothing;" id="Textarea2"></textarea>
</tal:block>
</tal:block>
</div>

<div metal:define-macro="textFormatSelector">

<tal:block tal:define="wysiwyg python: here.portal_membership.getAuthenticatedMember().getProperty('wysiwyg_editor')!='None'">

<tal:block condition="wysiwyg">
        <input type="hidden" 
            name="text_format" 
            value="html" id="Hidden1"/>
</tal:block>

<tal:block condition="not: wysiwyg">
<div class="row">
    <div class="label">
        <span i18n:translate="label_format">Format</span>
        <div id="format_help"
            i18n:translate="help_format" 
            class="help" 
            style="visibility:hidden">
        Select which format you want to type the contents of this
        document in. If you are unsure of which format to use, just
        select Plain Text and type the document as you usually
        do.
    </div>
</div>
<div class="field"
        tal:define="tabindex tabindex/next;
                    text_format python:request.get('text_format', getattr(here,'text_format','structured-text'))">    
        <input class="noborder" 
            type="radio" 
            name="text_format"
            value="structured-text" 
            tabindex=""
            id="cb_structuredtext"
            onfocus="formtooltip('format_help',1)" 
            onblur="formtooltip('format_help',0)" 
            tal:attributes="checked python:test(text_format=='structured-text', 1, '');
                            tabindex tabindex;" 
            />
        <label for="cb_structuredtext" i18n:translate="structured_text">Structured Text</label> <br />

        <input class="noborder" 
            type="radio" 
            name="text_format" 
            value="html" 
            tabindex=""
            id="cb_html"
            tal:attributes="checked python:test(text_format=='html', 1, '');
                            tabindex tabindex;" 
            onfocus="formtooltip('format_help',1)" 
            onblur="formtooltip('format_help',0)" 
            />    
        <label for="cb_html" i18n:translate="html">HTML</label> <br />

        <input class="noborder" 
            type="radio" 
            name="text_format"
            value="plain" 
            tabindex=""
            id="cb_plain"
            tal:attributes="checked python:test(text_format=='plain', 1, '');
                            tabindex tabindex;" 
            onfocus="formtooltip('format_help',1)" 
            onblur="formtooltip('format_help',0)" 
            />
        <label for="cb_plain" i18n:translate="plain_text">Plain Text</label>
    </div>
</div>
</tal:block>

</tal:block>

</div>
</html>

【ZOPE/CMF/Ploneの最新記事】

posted by titami at 02:07| Comment(5) | TrackBack(1) | ZOPE/CMF/Plone |

この記事へのコメント

関係ない話で恐縮ですが，論文に入れる為の貴兄の名前＆所属の英語表記を，至急メール下さい．

Posted by star & field at 2005年04月25日 19:46

plone初心者です。
wysiwyg_supportを追加する時、オブジェクトの種類は何を選べばよいですか？？
よろしくお願いします。

Posted by 松原 at 2005年11月07日 00:01

Posted by Tracie Wilson at 2007年08月27日 02:47

Posted by Dawn Holden at 2007年10月27日 00:45

Posted by Marvin Gaines at 2007年10月29日 03:12

コメントを書く

この記事へのトラックバックURL
http://blog.seesaa.jp/tb/2469981

この記事へのトラックバック

free teen lesbian orgy
Excerpt: Ploneでユーザごとに好きなwysiwygエディターを選んでつかってもらう
Weblog: free teen lesbian orgy
Tracked: 2007-01-29 11:25