實時預覽降價編輯器

原諒我，如果這已被回答。我環顧四周，但沒有找到任何東西。實時預覽降價編輯器

我創造非技術人員一個網站，它要求他們能夠添加豐富的文本內容。我一直在尋找這個Markdown，並希望使用它。

我一直在尋找周圍一個不錯的（jQuery的）用戶界面控制，使編輯簡單，但一切我已經看過了實時預覽生活在別處比輸入框其他頁面上。（WMD就是這樣，markitup等）。

我想用一些讓你感覺就像使用文字處理器的東西。怎麼樣TinyMCe做的，但在降價上運行，而不是HTML

有沒有這樣的事情，也許地方，展示瞭如何構建呢？

爲了澄清，我正在尋找一個編輯器，讓您感覺您正在輸入實時預覽;不是帶有上方/下方預覽的文本框。

來源

2011-12-19 Joe

我有點困惑 - Markdown（標記語言）是它自己的用戶界面 - 而HTML是類似字處理器的體驗IMO更好的後端。或者您是否想過編輯降價並查看內容的實時預覽？（比如f。例如SO答案界面） – 2011-12-19 23:45:43

是的，就像它是如何做到的那樣，只是我不希望他們覺得他們正在編輯一個帶有下面預覽的文本框。更像是使用Word，但Markdown是正在生成的不是Html。這有幫助嗎？ – Joe 2011-12-19 23:52:20

因此，您需要將HTML轉換爲降價的東西？ – fncomp 2012-02-21 04:04:03

我後來發現，我喜歡的東西。 Pen editor on Github只是我想要的。我很高興看到有人採取這種對

來源

2014-12-15 20:40:53 Joe

-4

降價不會是一個所見即所得的編輯器兼容。考慮這個樣品降價：

Let's link to [Google][]. 

    [Google]: http://www.google.com/

如果你做一個所見即所得的編輯器，鍵入[Google]後會發生什麼？你會看到藍色下劃線的文字？你會看到[Google]，因爲它不是一個有效的超鏈接嗎？輸入尾部[]後怎麼辦？它仍然不是一個完全定義的超鏈接;你不能點擊它，因爲Markdown不知道它的鏈接。

以及如何在用戶類型[Google]: http://www.google.com/後續行？該行不顯示;它是標記;它是隱形的。你在哪裏輸入隱形文字到一個所見即所得的編輯器？

來源

2011-12-19 23:46:37

SO提供預覽，對嗎？在輸入框下方。我會*喜歡*它覺得你正在編輯預覽。我知道有挑戰，這就是爲什麼我可能找不到一個。並不意味着他們不能解決。 – Joe 2011-12-19 23:53:10

和（因爲它是非技術人員）我可以讓他們使用工具欄進行格式化，對吧？因此，他們只需輸入'Lets link to Google'突出顯示'Google'，點擊鏈接按鈕並提供一個Url。 – Joe 2011-12-19 23:54:48

如果您將忽略Markdown的Markdown方面，那麼您爲什麼會關心它是Markdown？聽起來就像HTML所見即所得的編輯器一樣，也可以爲你服務。 – 2011-12-20 00:02:29

如果我得到你在找什麼，那麼最簡單的方法是用TinyMCE或CKEditor生成HTML，然後再應用類似Markdownify到例如輸出，tinymce.getContent()。

來源

2012-02-21 04:08:25 fncomp

我只是看着Markdownify的來源。這似乎是一個有趣的小項目，將其轉換爲TinyMCE插件。如果對此有真正的興趣，我會很樂意花一點時間。（我在作品中編寫了大量的TinyMCE插件。） – fncomp 2012-02-21 04:25:39

不是最優雅的東西，但它會起作用。我寧願不浪費賞金，所以你可以擁有它:) – Joe 2012-02-21 05:02:37

退房Stack Edit這是一個偉大的所見即所得的降價編輯器 - 與谷歌文件，Dropbox的& CouchDB的，發佈到Github上（和許多其他地方）同步，並提供方便的鏈接共享。您可以在其網站上或使用Chrome應用訪問它。您可以在編輯器中創建標題和列表，並以縮減格式顯示相應的文本。然後，您可以保存，發佈，共享或下載文件。

來源

2016-03-31 20:03:03 lizasperling

實時預覽降價編輯器

回答

相關問題