Nucleus(JP)フォーラム

NucleusCMS日本語版ユーザーのためのサポートフォーラムです。疑問が生じたらまずは記事検索をご利用ください。

ログインしていません。

#51 2009-06-04 10:47:32

yama
Administrator
登録日: 2005-07-07
投稿: 1,243
ウェブサイト

Re: NP_TinyMCE - Nucleusの投稿画面をWYSIWYGに

ぉぉ、すばら市!

ソース見ましたけど、これ力作ですね。しかもjquery-uiのまんまで使えるとは・・・

オフライン

#52 2009-06-08 13:44:53

yama
Administrator
登録日: 2005-07-07
投稿: 1,243
ウェブサイト

Re: NP_TinyMCE - Nucleusの投稿画面をWYSIWYGに

3606397960_7992e57311_o.png

以前から話題になることが多かった件について対応しました。2件。

ひとつは上記画像参考。利用できるhtmlのタグの制限に関する設定を分かりやすくしました。ここは以前から自由に設定できるようにしてましたが、設定方法が分からない人も多かったのではないかと思います。ここをシンプルに2択にしました。Googleマップやブログパーツなどを記事中に貼り付けたい場合は「全てのタグを許可」を選びます。

もうひとつはブログの「アイテムの改行を変換する」設定の解釈。最近のアップデートで、NP_TinyMCEのインストール時に自動的に設定を変更するようにしましたが、NP_TinyMCEインストール以後に新規作成したブログは設定が必要です。それでは分かりにくいので、ここの設定がどうなっていても影響を受けないように、投稿時に適切に処理するように仕組みを変更しました。パソコンからの投稿はNP_TinyMCEを使いたいけど携帯からの投稿は「改行を変換する」設定で利用したい場合にも便利だと思います。というわけで、「アイテムの改行を変換する」の設定は「はい」でも「いいえ」でも大丈夫です。

以上、差分ファイルのみ配布します。上書きのうえ、インストールし直して使ってみてください。


Attachments:
zip NP_TinyMCE.zip, Size: 12.51 KiB, Downloads: 292

オフライン

#53 2009-06-08 19:38:14

zizodo
メンバー
From: Yokohama
登録日: 2005-10-30
投稿: 13
ウェブサイト

Re: NP_TinyMCE - Nucleusの投稿画面をWYSIWYGに

早々に修正ありがとうございます
ダウンロードして、上書き+再インストールで試してみました

nucleus側の「改行:あり・なし」の2つで携帯から記事を投稿してみました
結果は、両方とも「改行はされず」に、1列の文章になってしまいました

次に、私の環境だけかも知れませんが、記事を投稿した直後の画面(Blogの記事一覧)でエラーが出てくる場合があります
内容はこんな感じです(途中はしょってます)

Warning: Missing argument 1 for NP_TinyMCE::_delP(), called in /パス/NP_TinyMCE.php on line 491 and defined in /パス/NP_TinyMCE.php on line 514

実際の記事のURLを載せますので、よろしければ見てみてください
<携帯投稿>
http://zizodo.info/nc/index.php?itemid=11259

<エラー>
http://zizodo.info/nc/index.php?itemid=11261

お手数おかけします、よろしくお願いします

オフライン

#54 2009-06-08 20:36:48

yama
Administrator
登録日: 2005-07-07
投稿: 1,243
ウェブサイト

Re: NP_TinyMCE - Nucleusの投稿画面をWYSIWYGに

すいません、エラーの件は寝ぼけてたみたいです orz

携帯で一列に出力される件も分かりました。ちょっと方法考えます。


Attachments:
zip NP_TinyMCE.zip, Size: 5.2 KiB, Downloads: 281

オフライン

#55 2009-06-08 21:11:20

yama
Administrator
登録日: 2005-07-07
投稿: 1,243
ウェブサイト

Re: NP_TinyMCE - Nucleusの投稿画面をWYSIWYGに

携帯からの投稿はこれでどうでしょ。クッキーを読み込めるかどうかで処理を分けてみました。
(携帯メールからの投稿ならクッキーを読み込めないはずなので)


Attachments:
zip NP_TinyMCE.zip, Size: 5.23 KiB, Downloads: 277

オフライン

#56 2009-06-09 11:38:57

zizodo
メンバー
From: Yokohama
登録日: 2005-10-30
投稿: 13
ウェブサイト

Re: NP_TinyMCE - Nucleusの投稿画面をWYSIWYGに

修正ありがとうございます

記事作成画面で、エラーは出てきませんでした(^^)
メールからの投稿も無事に改行されました
しかし、IDで「TinyMCE使用を使用しない」にしてあるIDで記事を書くと、作成画面では改行しているのにBlogの表示では一列になってしまいました
(複数Blog作っていて、IDも分けてあり、Blogによっては利用していません)

以下の様にテストしてみました
両方ともnucleusの「改行あり」でテストしました

<IDでのTinyMCE使用:on>
メール投稿(改行した)
オンライン記事作成(改行した)

<IDでのTinyMCE使用:off>
メール投稿(改行した)
オンライン記事作成(改行せず)
エディット画面では改行になってるのに、表示すると一列になる

両方とも、
メール投稿で改行表示された記事をログインして再度開いたら、投稿部分の改行が消えて一列になりました

自分でもアレコレとテストしたのでちょっとこんがらがってます・・また時間をおいて、分かった事等を報告させていただきます

オフライン

#57 2009-06-09 11:58:49

yama
Administrator
登録日: 2005-07-07
投稿: 1,243
ウェブサイト

Re: NP_TinyMCE - Nucleusの投稿画面をWYSIWYGに

zizodo さんの発言:

しかし、IDで「TinyMCE使用を使用しない」にしてあるIDで記事を書くと、作成画面では改行しているのにBlogの表示では一列になってしまいました

なるほど・・分かりました。その判定も加える必要がありますね。少しお待ちくださいー。

オフライン

#58 2009-06-09 13:35:42

yama
Administrator
登録日: 2005-07-07
投稿: 1,243
ウェブサイト

Re: NP_TinyMCE - Nucleusの投稿画面をWYSIWYGに

これでどうでしょう。実はメール投稿をセットする手間を惜しんでテストしてないのですが。汗


Attachments:
zip NP_TinyMCE.zip, Size: 5.32 KiB, Downloads: 263

オフライン

#59 2009-06-09 19:45:39

zizodo
メンバー
From: Yokohama
登録日: 2005-10-30
投稿: 13
ウェブサイト

Re: NP_TinyMCE - Nucleusの投稿画面をWYSIWYGに

修正ありがとうございます

すみません、まず最初に誤っておきます
何度かFTPでエラーが出て、ファイル(TinyMCEの新旧)が入り乱れてしまいました
今、私が出している結果が正しいか?も分からないのですが、報告させていただきます

最新版の修正では、改行されずに一列に並んでしまいました

このままでは記事を書けないので、6/3付けのTinyMCEに入れなおした所、上記の現象が消えました
メールで投稿したのをログインして修正しても(IDで使わない設定)、”改行されたまま”Blogで表示できました

TinyMCEを使う設定で、メール投稿した記事に関しては、再度開くと、改行が消えて一列表示になっています

何度もプラグイン管理画面で削除したせいかな?と・・悩んでいますが、現状をお話しておきます
もう少し使って「あれ?」と思い当たる動作があればまたご報告します

オフライン

#60 2009-06-09 20:29:43

zizodo
メンバー
From: Yokohama
登録日: 2005-10-30
投稿: 13
ウェブサイト

Re: NP_TinyMCE - Nucleusの投稿画面をWYSIWYGに

補足です

新旧入り乱れちゃっているファイルですが、
.phpは6/3の日付で
TinyMCEフォルダは6/8の差分まで上書きしてあります

オフライン

#61 2009-06-10 06:53:40

yama
Administrator
登録日: 2005-07-07
投稿: 1,243
ウェブサイト

Re: NP_TinyMCE - Nucleusの投稿画面をWYSIWYGに

ああ、もしかしたら

	function contributeTinymceContent(&$data)
	{
		global $member;
		if ( (cookieVar($CONF['CookiePrefix'] . 'loginkey') )
		  && ($this->_memberCheck($this->memberid) == true) )
		{
			$this->_suspendConvertBreaks($data);
			if ($this->getOption('trim_ptag') == 'yes')
			{
				return $this->_delP(&$data);
			}
		}
	}

こうじゃなくて

	function contributeTinymceContent(&$data)
	{
		global $member;
		if ( (cookieVar($CONF['CookiePrefix'] . 'loginkey') )
		  && ($this->_memberCheck($member->getID()) == true) )
		{
			$this->_suspendConvertBreaks($data);
			if ($this->getOption('trim_ptag') == 'yes')
			{
				return $this->_delP($data);
			}
		}
	}

とりあえずこうですね。なんのためにわざわざglobal $memberって書いたのかと orz

普通にパソコンで使うぶんは最新のNP_TinyMCEテスト版でいいと思うけど、携帯メールからの投稿でうまくいくかですね。とりあえず上記のように修正したものを上げておきますが、メール投稿のテスト環境作って近いうちに試してみたいと思います。


Attachments:
zip NP_TinyMCE.zip, Size: 5.33 KiB, Downloads: 305

オフライン

#62 2009-06-10 10:47:52

zizodo
メンバー
From: Yokohama
登録日: 2005-10-30
投稿: 13
ウェブサイト

Re: NP_TinyMCE - Nucleusの投稿画面をWYSIWYGに

修正ありがとうございます(^^)

早速、入れ替えてみました
結果は「ok」です

詳しい内容と画面キャプチャしたのを自分のBlogに載せておきます
http://zizodo.info/nc/index.php?itemid=11302
(Gmailとauから記事投稿しました)

記事を書くのが便利になりました、ありがとうございます

オフライン

#63 2009-06-10 11:47:43

yama
Administrator
登録日: 2005-07-07
投稿: 1,243
ウェブサイト

Re: NP_TinyMCE - Nucleusの投稿画面をWYSIWYGに

あれ?関係ないと思ったけどうまくいきましたか。よかったw

NP_TinyMCEはTinyMCEの持つ便利機能をまだまだ引き出せてないので、少しずつバージョンアップして発掘したいと思います。

オフライン

#64 2009-06-10 13:56:06

yama
Administrator
登録日: 2005-07-07
投稿: 1,243
ウェブサイト

Re: NP_TinyMCE - Nucleusの投稿画面をWYSIWYGに

http://zizodo.info/nc/media/5/20090610- ... l-edit.jpg
「開くと改行が消える」の意味がよく分からなかったのですが、なるほど。投稿画面を開く時にも判定が必要っぽいですね。今の状態だと、携帯で投稿したものをパソコンで再編集すると改行が消えてしまうのではないでしょうか?

オフライン

#65 2009-06-10 14:13:33

zizodo
メンバー
From: Yokohama
登録日: 2005-10-30
投稿: 13
ウェブサイト

Re: NP_TinyMCE - Nucleusの投稿画面をWYSIWYGに

はい、そのとおりです
携帯(メール)から投稿したのをNP_TinyMCEで編集画面を開くと、改行が消えてしまいます
HTMLで見ても消えてました

もうひとつだけ、気がついた点があります
文章をコピー&ペーストすると、前の1文字が消えてしまいました
「あいう」の後ろに「かきく」をペーストすると「あいかきく」になってしまうんです
macでもwinでも確認できました

あとはもうありません(^^)

オフライン

#66 2009-06-10 17:11:54

yama
Administrator
登録日: 2005-07-07
投稿: 1,243
ウェブサイト

Re: NP_TinyMCE - Nucleusの投稿画面をWYSIWYGに

了解ですー。とりあえず当面は、携帯で投稿したアイテムをパソコンで再編集する時は、面倒ですがいったん「改行を変換する」の設定を「いいえ」にしてから投稿画面を開くようにしてやってください。ちょっと忙しくなってきたので、落ち着いたら対応したいと思います。

こちらでは確認できませんでしたが、文字が消えるのはTinyMCE本体のバグですね。開発元の対応を待つしかないです。

オフライン

#67 2009-06-10 17:34:26

zizodo
メンバー
From: Yokohama
登録日: 2005-10-30
投稿: 13
ウェブサイト

Re: NP_TinyMCE - Nucleusの投稿画面をWYSIWYGに

はい、了解しました

編集画面の件も了解です
いろいろとありがとうございます、感謝です

オフライン

#68 2009-06-15 14:42:24

Geo
メンバー
From: 関東
登録日: 2004-07-16
投稿: 87

Re: NP_TinyMCE - Nucleusの投稿画面をWYSIWYGに

NP_TinyMCEを利用させていただいております。

こちら、html入力でclassやidといったCSS属性をつけたいと思うのですが、アイテム保存時に自動的に削除を食らいます。
削除させずにアイテムを保存するにはどの辺をいじるべきでしょうか。

オフライン

#69 2009-06-15 15:27:35

yama
Administrator
登録日: 2005-07-07
投稿: 1,243
ウェブサイト

Re: NP_TinyMCE - Nucleusの投稿画面をWYSIWYGに

実際にはアイテム保存時ではなくtextarea上で編集操作をするたびにJavaScriptのトリガーを受けて逐次削除されます(内部的には削除してなくて隠してるだけみたい)。削除される/されないはTinyMCE本体内部でリスト化されていて、NP_TinyMCEでも多少の解釈を加えています。で、具体的にはどこをどう見るのかというと・・・

NP_TinyMCEを開いて「extended_valid_elements」という文字列を探します。ここに処理対象リストがあります。TinyMCE本体が持っているものはもっとたくさんあって、ここの部分はNP_TinyMCEの独自解釈です。

で、idとclassですよね。ここのリストを見るとたとえばhr要素はhr[class|width|size|noshade]という指定になっているので、ここをhr[id|class|width|size|noshade]とするとidを書けるようになります・・が、要素ごとに個別に指定してるとキリがないので答えを言ってしまうと、

extended_valid_elements : "@[id|class],a[name.................(省略)

というふうに@[id|class]を加えます。

http://wiki.moxiecode.com/index.php/Tin ... d_elements
詳細はこちら。Control charactersとして「@」に関する説明があります。@を使うと追加指定できるみたいです。

<!-- l --><a class="postlink-local" href="http://japan.nucleuscms.org/bb/viewtopic.php?p=25074#25074">viewtopic.php?p=25074#25074</a><!-- l -->
ちなみにこちらで公開してる最新のテスト版はid|classを含めた全要素・全属性の制限を解除するオプション付きです。Google Mapを貼り付けることもできます

オフライン

#70 2009-06-15 16:48:20

Geo
メンバー
From: 関東
登録日: 2004-07-16
投稿: 87

Re: NP_TinyMCE - Nucleusの投稿画面をWYSIWYGに

yamaさんありがとうございます!

オフライン

#71 2009-07-03 00:59:26

yama
Administrator
登録日: 2005-07-07
投稿: 1,243
ウェブサイト

Re: NP_TinyMCE - Nucleusの投稿画面をWYSIWYGに

<!-- l --><a class="postlink-local" href="http://japan.nucleuscms.org/bb/viewtopic.php?t=3949">viewtopic.php?t=3949</a><!-- l -->
Ver3.2.5をリリースします。
3606397960_7992e57311_o.png

  • 同梱のTinyMCEコアをVer3.2.5に更新しました。

  • ブログの「改行を変換する」の設定の影響を受けないようになりました。

  • 利用できるhtmlタグの制限をプラグイン設定で解除できるようにしました。これによりGoogleマップやブログパーツなどの貼り付けができるようになります。ちなみにYoutube動画はメディア挿入ボタンを利用すれば従来の設定のままでも貼り付けることができます(※この場合は動画ページのURLを貼り付けます)。

TinyMCEコアの変更内容
http://tinymce.moxiecode.com/changelog.php

Version 3.2.5
Added new jQuery plugin for the jQuery specific package. This enables you to more easily load and use TinyMCE.
Added new autoresize plugin contributed by Peter Dekkers. This plugin will auto resize the editor to the size of the contents.
Fixed so all packages have the same directory structure. Previous releases had a different structure for the production package.
Fixed so the paste from word dialog forces the contents to be processed as word contents even if it's not.
Fixed so the jQuery build adapter build works. It's currently only excluding Sizzle.
Fixed so noscript element contents is retained during the editing process.
Fixed bug where the getBookmark method would need a "simple" string input when the documented way is a boolean.
Fixed bug where invalid contents could break the fix_table_elements logic.
Fixed bug where Sizzle specific attributes would be serialized if the valid_elements was set to *[*].
Fixed bug where IE would produce an error if you specified a relative content_css and opened the paste dialog.
Fixed bug where pasting images on IE would produce broken images if they came from an external site.
Fixed bug where memory was leaked if you add/remove controls dynamically. Some event handlers wasn't removed properly.
Fixed bug where domain relaxing wasn't treated correctly if you added it after the TinyMCE script element.
Fixed bug where the activeEditor wasn't set to null if the last editor instance was removed.
Fixed bug where IE was leaking memory on the onbeforeunload event due to some recently introduced logic. Patch contributed by Options.
Fixed bug where inserting tables in Safari 4 didn't work due to a new WebKit bug where some element names are reserved.
Fixed bug where URLs having a hmm/ value in the query string would make it absolute regardless of URL settings.
Fixed the WebKit specific bug where DOM Ranges would fail if the node wasn't attached to something in a different way.
Removed the auto_resize option and the resizeToContent method from the tinymce.Editor class. Use the new autoresize plugin instead.

オフライン

#72 2009-08-19 15:55:51

Geo
メンバー
From: 関東
登録日: 2004-07-16
投稿: 87

Re: NP_TinyMCE - Nucleusの投稿画面をWYSIWYGに

yamaさん

Nucleus Pluginタグを許可ってできないでしょうか。
たまーに、本文にPluginタグ書き込み系のプラグインがあると思うのですが
< と >が実態参照に変換されるんですよね。
jsいじってみましたが、なぜか変換されてしまうという :shock:

HELP!!

オフライン

#73 2009-08-19 16:08:23

yama
Administrator
登録日: 2005-07-07
投稿: 1,243
ウェブサイト

Re: NP_TinyMCE - Nucleusの投稿画面をWYSIWYGに

jsさわる方法だとTinyMCEコアの深いところまでダイブする必要があってちょっと大変です。あとあとのメンテナンス性もよくないし。前にテスト版として配布した、実体参照に変換したものをさらにタグに戻すアプローチならわりと安全にできます。問題はインターフェイスをどうするかですけど、

・このアイテムではNucleusの変数を展開する
・「@」に続けて変数を書けば展開する @<%gmap(xxxxx)%> とか
・どっちも採用しとく

かなと。とりあえず2番目の @展開でよければ試してみますー

オフライン

#74 2009-08-19 17:04:14

yama
Administrator
登録日: 2005-07-07
投稿: 1,243
ウェブサイト

Re: NP_TinyMCE - Nucleusの投稿画面をWYSIWYGに

ちょっと粗っぽいですができました

@<%gmap(inline,p([-74.04455780|40.68923]|yes|Statue of Liberty),m(400|400|sate|b/s/s|3))%>

こう書きます。先頭に「@」。これを書かない場合は、今までどおり変換してブラウザ上に文字列として表示します。


Attachments:
zip test_NP_TinyMCE325.zip, Size: 415.4 KiB, Downloads: 439
zip NP_TinyMCE.zip, Size: 5.23 KiB, Downloads: 372

オフライン

#75 2009-08-20 02:11:39

yama
Administrator
登録日: 2005-07-07
投稿: 1,243
ウェブサイト

Re: NP_TinyMCE - Nucleusの投稿画面をWYSIWYGに

<!-- l --><a class="postlink-local" href="http://japan.nucleuscms.org/bb/viewtopic.php?t=3949">viewtopic.php?t=3949</a><!-- l -->
Ver3.2.6をリリースします。

    * 同梱のTinyMCEコアをVer3.2.6に更新しました。
    * 要望が多かった<%xxxxx%>記述の解釈を実現しました。アイテム中にこの種のタグを記述できるプラグインとしては、NP_Amazon・NP_GoogleMaps・NP_ItemFormmail・NP_Podcastなどがあります。<%xxxxx%>を有効にするには、@<%xxxxx%>と記述してください。先頭の「@」をトリガー文字として、後続の変数記述を展開します。この「@」がない場合は文字列として<%xxxxx%>を出力します。

TinyMCEコアの変更内容
http://tinymce.moxiecode.com/changelog.php

Version 3.2.6
Added new wordcount plugin, this will display the number of typed words as you write. Contributed by Andrew Ozz.
Added new getNext and getPrev methods to DOM utils. These will return the first matching sibling.
Fixed bug where it was impossible to place the caret after a table on Gecko. It will now add a paragraph after tables.
Fixed bug where inline dialogs would fail if used in a window opened using a showModalDialog. Patch contributed by Derek Britt.
Fixed bug where IE could sometimes render a unknown runtime error on invalid input HTML.
Fixed bug where some incorrectly placed tables wouldn't be moved outside the paragraphs on IE.
Fixed bug where uppercase script/style element wouldn't be handled correctly and converted to valid lowercase.
Fixed bug where some WebKit versions on Mac OS X would produce issues with hidden select fields.
Fixed bug where the media plugin would fail on WebKit since the node wasn't properly imported to the right document.
Fixed bug where absolute URLs for the TinyMCE script using a base href element would cause loading problems in IE 6/7.
Fixed bug where pasting using the paste plugin wasn't possible on IE with to restrictive security settings.
Fixed bug where pasting of whitespace was impossible using the new custom paste method.
Fixed bug where pasting on some WebKit browsers would not work if you pasted specific contents due to a WebKit bug.
Fixed bug where doctypes with multiple lines would not be parsed correctly by the fullpage plugin. Patch contributed by Colin.
Fixed bug where the autoresize plugin would break the fullscreen functionality.
Fixed bug where tables would be chopped up running on IE using invalid contents and pasting paragraphs into a cell.
Fixed bug where the each method of jQuery build didn't iterate styleSheets. We now use the TinyMCE API one instead.
Fixed bug where auto switching to paragraphs after headers some times failed in Gecko.
Fixed so all editor options gets passed to the Serializer class. Patch contributed by Jasper Mattsson.
Fixed so script/style blocks isn't wrapped in paragraphs as other inline elements.
Fixed so the XHR requests sends the X-Requested-With HTTP header.
Fixed so the data url scheme is handled in the tinymce.util.URI class.
Changed inline documentation to use moxiedoc style comments.
Removed the compat2x plugin people should have upgraded to the 3.x API by now. 3.0 was released more then a year ago.
Re-added Gecko specific message for users who doesn't understand the security concept regarding paste.

オフライン

Board footer