2
我想創建一個限制wysiwyg格式的在線降價編輯器。如果您熟悉iA Writer,我正在嘗試創建一個類似於其桌面版本的編輯器。大多數情況下,它只是一個簡單的文本編輯器,但它做了一些時髦的事情,我試圖複製。帶現場格式化的Markdown編輯器
- 自動下劃線/加粗事情*斜體 *,** 大膽**,***黑斜體***
- 縮進 「>」 引用文字
- Outdents 「#」標題和「 - 」列表,以便文本左對齊,就像在舊的三孔打孔線紙上,您可以將文本與紅線對齊,並將列表號碼放在左邊。
我對如何去實現這一點有一些想法,但我已經遇到了他們每個人的一些擔憂。
可編輯的iFrame
- 如何減少縮進文本或應用CSS類是
- 的格式自動發生,所以我將如何改變文本的選擇,重新格式化它,然後去回到原始選擇位置
- 我聽說您可以將另一個頁面加載到可編輯的iFrame中以執行更多高級功能,但我對此不太熟悉 - 任何優質資源?
純javavascript
- 如何創建一個區域一個閃爍的光標,因爲我不認爲我能做到這一點在輸入或textarea的...
- 可能使每一行轉換成一個輸入框一個div當我點擊它(類似於標籤的盒子是如何工作的標籤上的盒子,當你問一個問題(雖然不爲內聯格式化工作)
任何關於如何去做這樣的事情的建議?