textarea的類型特殊字符

在一個textarea我希望用戶能夠按自己的鍵盤上的字母，然後鍵入풜 ℬ 풞 풟等。（所以鍵入& ASCR; & BSCR;特殊字符）textarea的類型特殊字符

是無論如何要做到這一點？並讓用戶自由地編輯像普通文本區域中的字符。

用戶將能夠點擊選擇一個風格（這會將我變種風格整數）和字母將是一個不同的風格像프 픅 ℭ 픇（& AFR; & BFR; & CFR;等等。）

我最終想要實現的是用戶鍵入一個段落，然後文本將以這種方式在textarea中顯示格式，他們可以在兩者之間切換樣式。然後他們將能夠複製文本/將其保存爲.html文件。

歡迎任何方法！ :)

謝謝！

。

用戶可以鍵入的示例：您好，我的名字是Friedpanseller！

textarea的可以顯示什麼：ℋ ℯ 퓁 퓁 ℴ ℳ 퓎 풩 풶 퓂 ℯ ℐ 퓈 픉 픯 픦 픢 픡 픭 픞 픫 픰 픢 픩 픩 픢 픯！

然後用戶可以在中間刪除一些字/編輯它們像一個正常的textarea什麼樣的用戶可以鍵入

例子：我的名字是Friedpanseller！

什麼textarea的可能顯示：ℳ 퓎 풩 풶 퓂 ℯ 퓈 풜 퓇 ℯ 픉 픯 픦 픢 픡 픭 픞 픫 픰 픢 픩 픩 픢 픯！

來源

2016-01-07 Leo Liu

我認爲你的html頁面沒有得到字體。控制檯上是否有錯誤？ –

我希望用戶能夠在旅途中輸入。我可以將textarea的內容預設爲我想要的任何內容，但用戶無法使用花哨字體輸入自己的段落 –

http://stackoverflow.com/questions/12850088/simple-jquery-plugin-to-insert-special- characters-into-textarea-field-non-edito –

嘗試使用第三方工具（主要是我喜歡用CKEditor），因爲它的自由

來源

2016-01-07 09:44:10

Here是你可以做一個例子。在文本區域輸入「a」（不帶引號）。這是不是很快，但這是我可以收集。它沒有解決你的所有請求，但這是一個開始。

$("textarea").bind("keyup", function() { 
    var cursorPosition = $('textarea').prop("selectionStart"); 
    var text = $(this).val(); 
    if (text.indexOf('a') > -1) { 
     text = text.replace(/a/g, ''); 
     $(this).val(text); 
     $('textarea').prop("selectionStart", cursorPosition - 1); 
     $('textarea').prop("selectionEnd", cursorPosition - 1); 
    } 
});

你可以嘗試系統應用此爲要替換的字符。祝你好運。

來源

2016-01-07 09:44:17

你的例子可以工作，但是當我自己嘗試時，由於某種原因它不起作用。我完全複製了jsfiddle到空白html文件中的內容，並且它在輸入時不會改變a。 http://friedpanseller.com/test/test.html –

嘗試直接在HTML中使用''標記添加它，或者如果這就是你所做的，那麼嘗試將它作爲資源添加到HTML文檔的「」中。 –

當您在空白html中添加代碼時，請爲jquery事件綁定添加document.ready。

$(document).ready(function(){ 
$("textarea").bind("keyup", function() { 
    var cursorPosition = $('textarea').prop("selectionStart"); 
    var text = $(this).val(); 
    if (text.indexOf('a') > -1) { 
     text = text.replace(/a/g, ''); 
     $(this).val(text); 
     $('textarea').prop("selectionStart", cursorPosition - 1); 
     $('textarea').prop("selectionEnd", cursorPosition - 1); 
    } 
}); 
});

是這樣工作的，如果我們使用獨立的HTML頁面相同的代碼。

來源

2016-01-07 11:17:38

textarea的類型特殊字符

回答

相關問題