顯示廣告
隱藏 ✕
看板 DispBBS
作者 Knuckles (站長 那克斯)
標題 [新增] 編輯器加上「取代」功能
時間 2011年09月05日 Mon. PM 11:08:27


編輯器上面的按鈕加上一個「取代」

按下去後會出現:

[圖]


輸入搜尋字串以及想取代成什麼字串後,按「全部取代」即可

也可以選取一段文字後再按「取代」,就只有選取的那段文字會被改變

可選擇勾選是否要「忽略大小寫」、「使用正規表示式」

應用範例:

1. 關鍵字上色  Knuckles → Knuckles

   搜尋: Knuckles     取代: [1R]Knuckles[/]

2. 將[img=123,45]改為[img]

   勾選「使用正規表示式」

   搜尋: \[img=\d+,\d+\]     取代: [img]

   其中 [] 為正規表示式會用到的符號,所以要加個跳脫字元 \

   \d+ 代表至少一位數以上的數字,例如 0、123、00、99999

3. 清除HTML標籤,將<xxx>都移除

   勾選「使用正規表示式」

   搜尋: <[^>]+>
	
	
取代:

   其中 [^>]+ 代表一個以上的所有非 > 的文字

4. 搜尋多種關鍵字上色,例如我想要一次把 Knuckles、阿德、那克斯 都改成紅色

   勾選「使用正規表示式」

   搜尋: (Knuckles|阿德|那克斯)     取代: [1R]$1[/]

   其中 |就是or,( )會把裡面找到的字串送到後面取代字串的 $1 


更多正規表示式有興趣想學的話,就Google: javascript regular expression

--
※ 作者: Knuckles 時間: 2011-09-05 23:08:27
※ 編輯: Knuckles 時間: 2011-09-07 20:30:29
※ 看板: DispBBS 文章推薦值: 10 目前人氣: 0 累積人氣: 655 
※ 本文也出現在看板: ott abc1231qa 以及 1 個隱藏看板
( ̄︶ ̄)b showyou, AFIAC, GeniusKiKi, cuteman0725, yenger, dytu 共 6 個人 說讚!
1樓 時間: 2011-09-05 23:13:09 (台灣)
 ‧
  09-05 23:13 TW
這個新功能的難度太高了 XD
咦 是說這功能難做 還是難用?
2樓 時間: 2011-09-05 23:16:59 (台灣)
讚啦
+1 09-05 23:16 TW
太酷了吧!!!!!你回我文章的時候還是用記事本做 結果一下子你就自己做出來了0.0
不過想想也是 取代的code應該本來就寫好了
對啊 javascript本來就有正規表示式的功能 我只是把輸入框做出來
3樓 時間: 2011-09-05 23:17:32 (台灣)
讚啦
  09-05 23:17 TW
正規表示式有入門的難度 但是會用到這個功能的也許會需要吧
abc1231qa 轉錄至看板 abc1231qa (使用連結) 時間:2011-09-05 23:17:42
4樓 時間: 2011-09-05 23:31:52 (台灣)
 ‧
  09-05 23:31 TW
我是想說要會正規表示式才知道這個功能要怎麼用
5樓 時間: 2011-09-05 23:50:24 (台灣)
讚啦
  09-05 23:50 TW
不用吧 如果我只是想把100換成1234的話 也可以用這個功能阿
6樓 時間: 2011-09-05 23:50:55 (台灣)
讚啦
  09-05 23:50 TW
或者是說 想把某篇星座文的"水瓶座"都換成"雙子座" 也可以阿
對啊 簡單的取代就可以用了
7樓 時間: 2011-09-06 08:11:28 (台灣)
讚啦
+1 09-06 08:11 TW
我也是linux和java摸熟之後才會用正規式,這功能太進階了些...XD
8樓 時間: 2011-09-07 08:01:02 (台灣)
讚啦
  09-07 08:01 TW
建議你把正規表示式做成選項,有勾選才去判斷,不然enduser一直碰壁並不是好事。
9樓 時間: 2011-09-07 08:01:46 (台灣)
讚啦
  09-07 08:01 TW
原則很簡單,除非你覺得你的服務有九成以上的人都很geek,不然的話這樣真的不太理想。
10樓 時間: 2011-09-07 09:37:56 (台灣)
讚啦
  09-07 09:37 TW
樓上把這功能想得太深了 這只是個記事本也有的功能阿
11樓 時間: 2011-09-07 09:38:20 (台灣)
讚啦
  09-07 09:38 TW
而且不會正規表示式也是可以用
12樓 時間: 2011-09-07 09:42:28 (台灣)
 ‧
  09-07 09:42 TW
其實我沒認真測過正規表示會不會被奇怪的內容婊掉....
不過應該是不會才對....
13樓 時間: 2011-09-07 15:07:15 (台灣)
讚啦
  09-07 15:07 TW
正規表示式我很熟啊。問題是我實作的經驗告訴我這樣混在一起不是好主意。
14樓 時間: 2011-09-07 15:09:03 (台灣)
讚啦
  09-07 15:09 TW
而且事實上也沒有到記事本都有的程度吧?害我剛剛還去開來看…
15樓 時間: 2011-09-07 15:09:58 (台灣)
讚啦
  09-07 15:09 TW
我自己coding的話,win上用emeditor也是有勾選才有,記事本剛剛看是沒有的。
16樓 時間: 2011-09-07 15:10:37 (台灣)
讚啦
  09-07 15:10 TW
linux上我把gedit魔改成像textmate一樣方便我做ror,但是要正規表示式搜尋我還得裝plugin ="=
17樓 時間: 2011-09-07 15:11:30 (台灣)
讚啦
  09-07 15:11 TW
vim上面倒是直接有,但我一點也不覺得大多數的enduser會去用vi系的文字編輯器。
18樓 時間: 2011-09-07 15:12:04 (台灣)
讚啦
  09-07 15:12 TW
問題點主要是在連例二都提到,只是要取代個bbcode tag都還要用跳脫字元。是啦,跳脫字元其實也沒什麼,
19樓 時間: 2011-09-07 15:13:01 (台灣)
讚啦
  09-07 15:13 TW
但是這樣變成得跟enduser講跳脫字元的意義,因不直覺而增加他們的負擔,逼他們看文件,還徒增學習曲線,
20樓 時間: 2011-09-07 15:13:28 (台灣)
讚啦
+1 09-07 15:13 TW
我以為disp應該是一個面向endusers的服務,如果他是,那這樣就真的十分不妥。
21樓 時間: 2011-09-07 15:13:54 (台灣)
讚啦
+1 09-07 15:13 TW
如果disp只是一個geek高興就ok的服務,那老實說這真的無所謂。
22樓 時間: 2011-09-07 15:14:35 (台灣)
讚啦
  09-07 15:14 TW
說得更白一點,在這個所有ui跟服務都在盡量追求直覺化的時代,開時代倒車,除非有夠好的理由。就這樣。
23樓 時間: 2011-09-07 15:15:55 (台灣)
讚啦
  09-07 15:15 TW
不是我把這功能想得太深,而是在我看來,你們忽視了這個功能的未切割可能對enduser造成的困擾。
24樓 時間: 2011-09-07 15:45:21 (台灣)
讚啦
  09-07 15:45 TW
基本上我也不推把正規表示式(Regular Expressions)引入,因為可能導致不會用Regular的使用者無法取代特殊字元。但是把跳脫字元(Escape Sequence, 即\t\n\r)加入倒是OK。
如果作為選項的話就OK(啟用Escape & 啟用Regular)
其實我只是自己想要用 所以加上去的 (′~‵") 好啦 來加一下選項好了
25樓 時間: 2011-09-07 16:56:59 (台灣)
讚啦
+1 09-07 16:56 TW
快推 不然人家以為我看不懂
26樓 時間: 2011-09-07 20:31:18 (台灣)
讚啦
+1 09-07 20:31 TW
加上「使用正規表示式」的選項囉~~
27樓 時間: 2011-09-08 00:12:03 (台灣)
讚啦
  09-08 00:12 TW
辛苦了,這樣應該比較好。
28樓 時間: 2011-09-11 22:47:24 (台灣)
 ‧
  09-11 22:47 TW
剛才試用新增的取代功能,
設好取代字串後用滑鼠按下「全部取代(ENTER)」,
不知道為什麼只取代了一個就停了,再繼續按也沒反應。

試了別篇也這樣。
試了一下挺正常的呀 你是怎麼試的呀? 如果有選取字串的話只會取代選取字串中的字喔
29樓 時間: 2011-09-11 23:39:42 (台灣)
 ‧
  09-11 23:39 TW
啊,那大概是複製時沒取消選取0rz
原來有選取時只會取代選取區域中的該字串呀w
30樓 時間: 2011-09-12 08:40:43 (台灣)
讚啦
  09-12 08:40 TW
聽起來不錯,不過既然有使用者因此困惑的話直接在ui上加個註吧。
ok 加了
ott 轉錄至看板 ott (使用連結) 時間:2011-09-26 11:18:25
chris 轉錄至看板 chris (使用連結) 時間:2011-10-04 17:11:17
 ‧
guest
x)推文 r)回覆 e)編輯 d)刪除 M)收藏 ^x)轉錄 同主題: =)首篇 [)上篇 ])下篇