2012-04-27 47 views
17

我一直在努力將ASPNetSpell的拼寫檢查器(http://www.aspnetspell.com/)集成到CKEditor(http://ckeditor.com/)中。 IE 8+,FireFox 12和Chrome 18.0.1025.152m之間出現了一些令人不安的行爲。與CKEditor 3集成的ASPNetSpell拼寫檢查器無法與Chrome兼容

它的短似乎是ASPNetSpell找不到CKEditor的Chrome瀏覽器的實例,但在IE和Firefox瀏覽器可以。

我跟着ASPNetSpell文檔的建議融入到「所有主要的HTML編輯器,包括FCKEditor的,CKEditor的,TinyMCE的...」:

var spellinstance = new LiveSpellInstance(); 
spellinstance.Fields = "EDITORS"; 
spellinstance.ServerModel = "aspx"; 
spellinstance.DrawSpellImageButton(); 

我的理解是,當你設置的字段「編輯器「指示ASPNetSpell的客戶端腳本查找所有IFrame。

模態對話框但不顯示在Chrome中,我也看到它向服務器的請求,但是,當它返回到對話框中它的表現就像有沒有設置任何字段進行拼寫檢查。如果您的字段中有拼寫錯誤,IE和Firefox會採用這種方式進行檢查。

我有以下問題:

  1. 有沒有人有使用ASPNetSpell的拼寫檢查 在Chrome中使用HTML編輯器的經驗嗎?
  2. 我可以在哪裏看下?
  3. 爲什麼模式對話框沒有加載拼寫建議?

更新

我發出另一封電子郵件到他們的支持,包括一個鏈接到這個職位。希望ASPNETSPELL能夠增加一些專業知識。

澄清

我知道ASPNETSPELL不支持即時拼寫檢查(拼寫檢查您鍵入)由編輯器使用的textarea的。我正在尋找的功能是在您單擊按鈕時完成的顯式拼寫檢查。

更新#2

我已經下載在ASPNetSpell支持的回答中引用最近ASPNETSPELL包。我仍然沒有運氣讓這個工作在Chrome裏面(現在的版本是21.0.1180.89米)。它只會在沒有附加CKEditor實例的情況下驗證textarea時起作用。

下面是我的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(); 
+1

作爲一個不熟悉ASPNetSpell但對這個問題感興趣的人,我的第一步是調查該產品。加載'http:// www.aspnetspell.com /'凍結Chrome,並且使Firefox幾乎無法使用。注意我使用的是8GB 2.7GHz Intel i5 - 非常令人不安。 – Barney 2012-09-20 13:03:36

+0

@Barney,你使用的是什麼版本的chrome?它用21.0.1180.89加載得很好。 – 2012-09-21 23:10:15

+1

21.0.1180.80。它展示了演示的靜態示例,但頁面完全是靜態的 - 遊標甚至在懸停時不會改變。公平地說,這只是一個性能問題,並不是OP所關心的技術問題。 – Barney 2012-09-22 12:59:47

回答

1

如果你讀http://www.aspnetspell.com/Rich_HTML_Editors 此頁的最後一行似乎表明,拼寫您鍵入時不支持這些類型的編輯...... 報價「只有SpellButton工作在這種方式。 ... AsYouType不能直接與這些編輯器一起工作。「

+0

我很困惑這是如何回答上面的問題。 SCAYT不同於帶有suggesstions /突出顯示拼寫錯誤的模式對話框/ etc – 2012-09-29 15:16:46

2

此問題現已解決感謝您報告一個有效的問題

感謝社區輸入非常感謝

的應用解決方案:。!。

  1. 下載來自http://www.aspnetspell.com/ASPNetSpell_Packages的包
  2. 更新您的ASPNetSpellInclude目錄
  3. 全部清除瀏覽器緩存只是要確定

的澄清Chrome的兼容性:

  1. ASPNetSpell支持Chrome瀏覽器Safari的旁邊,IE6-9,歌劇,火狐等....
  2. 對於所有瀏覽器中的所有富編輯器,「您鍵入的拼寫檢查」不適用於豐富的HTML編輯器。這是因爲兩種技術都會使用帶有可編輯DIV元素的Textareas - 導致利益衝突。
+0

謝謝您的回答。我會在今天測試並報告回來。 – 2012-10-01 12:23:40

+0

我在你的答案中使用了你的鏈接來下載最新的二進制文件。它仍然沒有與編輯工作。這是我添加一個SpellButton並將它指向與CKEditor相同的textarea的地方。 – 2012-10-01 15:55:44