2013-09-21 26 views
0

這是我的場景:我有一個輸入textarea,用戶在其中引入一些文本。文本是純文本,但用戶可以使用一些定義的宏,如{{username}}。如何使用CodeMirror將某些樣式應用於編輯器中的特殊標記

下面是一個例子

<textarea>The user {{Username}} loggedin at {{now}}</textarea> 

我不希望用戶必須知道語法,所以我會有一些按鈕,當其在textarea的自動點擊插入宏。我想對這個宏應用一些基本的風格。例如,上面的含量應在

The user <span class="cm-mystyle">Username</span> logged in at <span class="cm-mystyle">Now</span> 

轉化當使用用戶應處理「跨度」作爲一個塊,這意味着用戶不能改變跨距的內容的編輯器(只是刪除)。

我不知道CodeMirror是否是處理這種情況的正確工具。

閱讀文檔後,我的第一個方法是定義一個模式來處理我的令牌{{用戶名}}。但似乎我只能返回應用於令牌的樣式。所以我可以有這個

The user <span class="cm-mystyle">{{Username}}</span> logged in... 

但我想刪除{{}}字符。然後,我閱讀了有關小部件的信息,這在我看來可以用來處理我的情況。

說實話,我有點困惑如何解決我的問題。任何幫助?

回答

相關問題