如何建立乙個基於jquery的編輯器

2022-02-17 08:43:30 字數 796 閱讀 1705

幫朋友做專案,其中涉及到編輯器問題。出於各種原因,最終決定自己編寫編輯器。

我的想法是,首先要基於jquery,其中有插入文字 ,的基本功能。根據需求。文字要求可以改變幾種樣式和位置。 要可以設定縮放和位置。

那麼從**開始下手呢,我並沒有任何頭緒。於是決定首先逐步解決我想到要使用到,但我還不會的問題。

q1.編輯區域使用textarea麼?

並不了解textarea是否可以支援插入,於是簡單查了下,發現html有這樣乙個屬性:

contenteditable="true"
這樣一來,我就可以再任何html元素中編輯了麼?目前來看,是的。

q2.如何獲得選中文字呢?

查到了這樣的**:

function getselectedtext()  

else

if(window.document.getselection)

else

if(window.document.selection)

return

txt;

}

這個函式會返回被選中的文字內容,測試成功。

q3:針對與q1的可編輯,發現沒有游標

給可編輯區域設定css style

cursor:text;
發現可行。

q4:無意間發現console.log();方法, 除錯的時候相比alert 它可以更好的列印出物件資訊,於是藉此研究了selection物件。

console.log(window.getselection());
結果如下:

乙個基於jQuery的文字滾動外掛程式

function option var step coe,scroll coe,score coe if option.direction up else return this.each function this.scrolltop option.step step coe option.tim...

如何建立乙個模組 如何起步建立乙個童裝品牌?

自從有了童裝創業的想法,腦海中蹦出無數想法。從0到1建立乙個品牌,首先要問清楚自身,理想中這將是乙個怎樣的品牌?展示出來是怎樣的形象?希望消費者對品牌產生怎樣的感受?最終實現品牌的什麼目標?這些問題,並不是一開始就能確定答案,也不會是一成不變。我們應該從建立品牌,到運營 維護品牌,都對這些問題保持思...

如何建立乙個dblink

建立乙個dblink的詳細步驟 1 啟動伺服器資料庫 2 建立乙個本地net服務名 oracle oracle92 configuration and migration tools net configuration assistant 3 登入sqlplus 用本地帳戶登入 4 建立dblink...