ASPNetSpell のスペル チェッカー ( http://www.aspnetspell.com/ ) を CKEditor ( http://ckeditor.com/ ) に統合する作業を行っています。IE 8 以降、FireFox 12、Chrome 18.0.1025.152m の間で不安定な動作が見られます。
要するに、ASPNetSpell は Chrome では CKEditor のインスタンスを見つけることができないようですが、IE と Firefox では見つけることができます。
ASPNetSpell ドキュメントの推奨に従って、「FCKEditor、CKEditor、TinyMCE を含むすべての主要な HTML エディター」に統合しました。
var spellinstance = new LiveSpellInstance();
spellinstance.Fields = "EDITORS";
spellinstance.ServerModel = "aspx";
spellinstance.DrawSpellImageButton();
私の理解では、フィールドを「EDITORS」に設定すると、ASPNetSpell のクライアント側スクリプトにすべての IFrame を探すように指示します。
ただし、モーダル ダイアログは Chrome に表示され、サーバーにリクエストを送信していることがわかりますが、ダイアログに戻ると、スペル チェックに設定されたフィールドがないように動作します。IE と Firefox は、チェックするフィールドに入力ミスがあると、このように動作します。
次の質問があります。
- Chrome で HTML エディタを使用して ASPNetSpell のスペル チェッカーを使用した経験のある人はいますか?
- 次にどこを見ることができますか?
- モーダル ダイアログがスペル候補を読み込まないのはなぜですか?
アップデート
この投稿へのリンクを含む別のメールをサポートに送信しました。願わくば、ASPNETSPELL が専門知識を追加してくれることを願っています。
明確化
ASPNETSPELL は、エディターが使用するテキスト領域で SCAYT (入力時のスペル チェック) をサポートしていないことを認識しています。私が求めている機能は、ボタンをクリックしたときに行われる明示的なスペル チェックです。
アップデート #2
ASPNetSpell サポートの回答で参照されている最近の ASPNETSPELL パッケージをダウンロードしました。これをChrome内で機能させるにはまだ運がありません(現在のバージョンは現在21.0.1180.89 mです)。CKEditor インスタンスがアタッチされていないテキストエリアを検証するだけの場合に機能します。
以下は、私のRazorビューが現在どのように見えるかです。
@using ASPNetSpell
@{
Layout = "~/_SiteLayout.cshtml";
Page.Title = "Welcome to my Web Site!";
}
@{
ASPNetSpell.Razor.SpellButton mySpellButton = new ASPNetSpell.Razor.SpellButton();
mySpellButton.InstallationPath = ("/Content/ASPNetSpellInclude");
mySpellButton.FieldsToSpellCheck = "myTextArea";
}
<p>
<div id="spellcheckthis">
<textarea id="myTextArea"></textarea>
</div>
<div>
@Html.Raw(mySpellButton.getHtml())
</div>
</p>
<script type="text/javascript" src="/scripts/ckeditor/ckeditor.js"></script>
<script type="text/javascript" src="/scripts/ckeditor/adapters/jquery.js"></script>
<script type="text/javascript">
$("#myTextArea").ckeditor();
</script>
この行行をコメントアウトすると機能します。
$("#myTextArea").ckeditor();