Question

我正在从头开始创建文本编辑器。

粗体代码

$('#bold').click(function(){

            var start = window.getSelection().toString();

            var bolded = '<b>' + start + '</b>';
            var cursorPositionBegin = $('#TextEditor').prop("selectionStart");
            var cursorPositionEnd = $('#TextEditor').prop("selectionEnd");
// to check 
                alert(bolded);
            })

HTML代码

<table width="50%">
    <tr>
        <td>
            <div>
                <div>
                    <span><input type=button value="B" id="bold"></span>
                </div>
                <div contenteditable="true">
                    <textarea cols="47" rows="23" placeholder="editor" id="TextEditor"></textarea>
                </div>
            </div>  
        </td>
    </tr>
</table>

当我为选定的一组字符单击#bold时，我想在#TextEditor中添加字符。我以为获得光标的开始和结束位置可能会有助于分解和将开始和结束与字符一起形成我需要的内容。

我也使用jQuery

[更新1] 还是有其他方法可以满足我的要求？ [更新2] 将contenteditable="true"添加到了放置#TextEditor ID的div

您的帮助将不胜感激。

Answer 1

正如@weBBer所说，您将不允许在textarea元素内添加标签，而应使用具有contentcontentableable =“ true”属性的div

UISearchController

UISearchBar

在SelectionStart之前和SelectionEnd之后获取所有文本

1 个答案: