2

ビジュアルエディターのツールバーでTinymceのテキストカラープラグインを有効にするにはどうすればよいですか？

このファイルを編集することで、ビジュアルエディター内のプラグインの印刷、検索、および置換を有効にすることができました。

Composite / content / misc / editors / visualeditor / include / toolbarsimple.inc

と

以下のファイルの行を変更して、searchreplace、printプラグインを含めます

Composite / content / misc / editors / visualeditor / visualeditor.js

プラグイン： "compositelink、compositetable、compositeimage、compositerendering、compositecharmap、compositefield、compositetext、paste、lists、searchreplace、print"、

同様に、このファイルを編集することによって行われるスタイルを変更せずに、ビジュアルエディタのツールバーでテキストの色、フォントサイズ、フォントファミリ、テーブル、行、列などのTinymceの組み込み機能を有効にする方法はありますか？

フロントエンド/構成/ビジュアルエディター/common.xml

ありがとうAjith

4

2 に答える 2

7

テキストの色、背景色、フォントファミリ、フォントサイズを取得し、CompositeC1エディタ内で実行することができました。

他の人の利益のために、以下のステップをリストアップしてください。

  • editor_template.jsとeditor_template_src.jsを除くすべてのファイルとフォルダーをWebsite\Composite \ content \ misc \ editors \ visualeditor \ tiny_mce \ themes\advancedからWebsite\Composite \ content \ misc \ editors \ visualeditor \ tiny_mce \themes \にコピーします。コンポジットフォルダー。

  • ファイルWebsite\Composite \ content \ misc \ editors \ visualeditor \ visualeditor.jsを編集し、構成セクションに以下の行を含めます。

    skin: 'default',
theme_advanced_buttons1: "forecolor,backcolor,fontselect,fontsizeselect",
theme_advanced_buttons2: "",

    オプションの完全なリストについては、TinyMCEリンクにアクセスし、ソースの表示に移動してください。

    プラグインにinlinepopupsを含めることもできます：ポップアップを適切にレンダリングするための行。insertdatetime、media、print、searchreplaceなどの追加のプラグインも同じ行に含めることができます。

  • insertdatetime、media、print、searchreplaceなどのプラグインを既存のツールバー行に含めるには、Website \ Composite \ content \ misc \ editors \ visualeditor \ include \ toolbarsimple.incファイルを編集し、コマンドを含むそれぞれのタグを含めます。たとえば。

    <ui:toolbargroup>
    <ui:toolbarbutton cmd="mceSearch" tooltip="Search" image="${skin}/wysiwygeditor/search.png" isdisabled="false" />
    <ui:toolbarbutton cmd="mceReplace" tooltip="Replace" image="${skin}/wysiwygeditor/replace.png" isdisabled="false" />
</ui:toolbargroup>

  • コードをコピーして、Website \ Composite \ content \ misc \ editors \ visualeditor \ tiny_mce \ themes \ Advanced\editor_template_src.jsファイルからWebsite\Composite \ content \ misc \ editors \ visualeditor \ tiny_mce \ themes \ composee \editor_templateにマージします.jsファイル。ほとんどの機能はそのままコピーできます。renderUIのような一般的なものだけが特別な注意を必要とします。renderUIでスイッチを使用する代わりに、simpleLayout関数を直接呼び出しました。

    ic = t._simpleLayout(s, tb, o, p);

  • 大きなコンテンツのエディターでコンテンツ全体を表示できないという問題がある可能性があります。この問題を修正するには、Website \ Composite \ content \ misc \ editors \ visualeditor \ tiny_mce \ themes \ composee \ skins \ default\uiを編集します。 .cssファイルを作成し、.defaultSkin iframe cssを変更して、適切な高さまたはオーバーフロースクロールを指定します。

ツールバーにさらに多くの機能を含めるには、theme_advanced_buttons1を編集するだけです。

幸運を..

アジット

于 2012-06-23T12:53:07.873 に答える
0

Composite C1では、CSSクラスを使用してスタイリング（フォント面、フォントサイズ、色、テーブル関連のスタイルなど）を実行し、これらのクラスをエンドユーザーが利用できるようにする必要があります。

フロントエンド開発者は、CSSで必要なクラスを定義し、エンドユーザーがスタイルを選択できるツールバー構成ファイルにそれらを登録します。Composite C1は、コンテンツhtmlにフォントタグまたはスタイル属性を含めることを促進しません。したがって、それが本当に必要な場合は、コアJavaScriptに変更を加える必要があります。

ビジュアルエディターツールバーのカスタマイズについては、http：//docs.composite.net/Console/CustomizingVisualEditorで読むことができます。

于 2012-06-01T07:08:11.880 に答える