2014-02-21 71 views
0

我需要創建一個自定義文本框,但由於其侷限性,我無法使用<input type="text" />。我想用jQuery創建自己的文本框。但現在我擔心發佈其數據。我已經想到了這兩個選項:發佈內容可修改的div值

  1. <div data-name="element-name" class="textbox">
    使用$('.textbox').textBox()將創建隱藏的輸入與被給予的股利爲data-name和編輯DIV內容將改變輸入值name這樣,我不需要進一步發佈問題。

  2. 發佈值與$.post()方法。

在我開始之前,我想知道這些方式之後是否會有問題。有什麼建議麼?其他選擇?

+0

什麼輸入字段限制阻止您使用輸入標籤? – lucasnadalutti

+0

我很想知道什麼限制阻止了您使用正常輸入?只要你使用'$ .post'或'serialize'對encodeURIComponent(data)'進行編碼,你應該可以使用該方法 –

+0

,例如佔位符屬性在低版本的IE中不起作用。高亮。添加鏈接到文本的一部分(請記住,我的插件也將被用作textarea) –

回答

1

選項1本質上是由TinyMCE的的內嵌編輯選項用同樣的方法: http://www.tinymce.com/tryit/inline.php

因此該選項可能是你最好的選擇。如果擁有全功能的wysiwyg,你也可以使用TinyMCE或CKEditor。

+0

我尋找一些編輯一些偉大,但規模巨大(我國互聯網速度很低)一些有額外的選擇,我不需要。有些沒有我需要的選項....所以我認爲最好的選擇是創建我自己的編輯器,它的功能完全符合我的需要。 –

+0

我聽到你的聲音,並且構建你自己的wysiwyg變得更容易,因爲大多數瀏覽器現在都支持contenteditable。但作爲一個維護一個不合標準的wysiwyg編輯多年的人,我可以告訴你,wysiwyg很難,已有的編輯已經解決了一些非常棘手的跨瀏覽器問題。最新的TinyMCE也很小,如果你願意,你可以編寫自己的插件。 –

+0

其壓縮版本爲275 KB。它沒有突出顯示(我需要的最重要的功能)。它也真的很好看 –