TA的每日心情 | 开心 2023-8-28 17:59 |
---|
签到天数: 2 天 [LV.1]初来乍到
|
楼主 |
发表于 2016-7-1 12:04:30
|
显示全部楼层
本帖最后由 东风解冻 于 2016-7-1 14:12 编辑
% A( b- e C) y( U/ b
( m+ x9 w; ]) Z' I' j## 文件结构% E0 }4 P, Y/ M4 w' I+ V3 E- S6 E" [
- 将词库放到 codetimes/dict/dict/目录下,每个词库一个目录。
8 s& G$ Z/ c; Z! M- 一个词库目录中包含以下文件:
; K( D7 i' F8 T4 A3 j% F5 E- { - 词库数据文件。如:mdx, mdd, inf, idx, dict.dz等文件,目前支持StarDict和MDict的词库。' X2 |1 X5 C* m9 Q7 n
- dict.png。词库图标,72*72像素大小的PGN图片。
4 Z$ b- G! a4 j: V - dict.css。样式文件,必需以dict.css命名。4 X$ ]1 d' _4 _8 W$ ]( l
- dict.js。脚本文件,必需以dict.js命名。3 N% |. v- v7 v/ A$ w
- 资源文件。资源文件可以包含子目录结构。建议将资源文件整合到mdd等专用的资源文件中。' N) |7 \) v7 Y/ y" f3 S3 d6 W: i
& l: n- p0 b7 {
## 样式
. E& r! q7 U, I# }; e2 Y- 为了更好的用户体验,请尽量使用预置样式。- I" y( W* I- ~9 }, R
- 预置样式详细见预置样式源代码。+ D' q, N" o; l( e
' b% R0 }0 f& j: d+ I. [! b; N- body. q8 |% G! ~' }8 E
- {7 H4 a; Y. B" k* r" _4 j3 P6 Y t0 j
- font-family: 宋体, Helvetica, Arial, sans-serif /*{global-font-family}*/;% h$ Q: \& T& n3 u( l% C; L9 \0 C/ O
- font-size:13px;) i8 u% ^' A) D6 V* |9 [% E
- color: #595857;3 r5 u, o3 W8 Z2 H( |* @
- margin: 0px;
9 h1 i2 T5 d# @& j% c4 x- | - padding: 4px 10px 4px 10px;# X& E0 G4 K6 J3 H* l$ Y3 M
- background: #f3f0e9;) O% z* E9 k: C9 m7 u; w
- }
; V5 Q/ q5 b4 k4 w9 E) Q. I& |, o - 4 d, E7 l8 ~7 I% u9 r3 W
- /* 标题栏中的当前词条 */6 I; W* i9 n. \$ y, y1 C; g% x
- #current_word
! [: F0 s0 i/ V7 ?' J - {: e }& Q ]$ V2 J) Z
- color:#E58339;
" J5 c' ^& l9 |4 i8 Q$ U" u' o - font-weight:bold;
4 L9 W- F& t; K# K) x - font-size:24px; W7 P! X5 z j F3 r
- }, D% t8 u7 }1 x, H- g+ O7 P& s
# l) Y9 g3 _5 p: E- /* 用于高亮例句中的当前词条 */9 W, H3 e& i/ c* a9 R1 Q
- .current_word
6 b+ h- t' g! w' [) m3 ~5 Y6 o - {
7 I4 |" i# i( Q) f0 M! {) }0 q$ Y - color:Green;5 ?& Z3 c/ b5 r
- }
5 q- M/ m. [* q7 r" o6 G1 m - * g! |/ U6 V( ~/ A/ F
- /* 词性 */
- Q; A Z- Z) B! q/ L# T; V' X+ D1 U - .pro: B/ I' ^ G- w# _. s
- {
. N% c) k' y- I& T - color: White;
1 F& q" t$ a5 V8 P! {# i( J - background-color: #999999;
' e- e$ O7 w4 K3 y' P) I - font-size: 14px;
G+ @8 F& _7 R" n- _ z7 X* W0 t - min-width: 30px;
1 e& q. W. z8 o+ c, Y - display: inline-block;
$ |- z/ @, [$ a% x - padding: 1px 2px 1px 2px;
) e; Q( W& i( U* b+ ]/ @4 l6 _* Y - text-align: center;
# E" ?3 K. P+ R- _ r! B$ e - font-weight: bold;1 C! s, m$ `6 }# m; m$ Y
- }# Z+ d2 O1 t3 ^. [% |1 X( _
' E3 R" w" \) Y# L4 l6 R- /* 词意 */
$ i% q- o5 ?3 T* i( [0 A+ d+ I/ J# H - .dec
$ Z" D3 V* d" e - {
: r5 ~4 A8 U8 n2 k2 N - font-size: 15px;
) r1 h" F* v* r# \/ i - font-weight: bold;
7 V0 t: V# w( L2 v7 i+ _ - padding: 1px 2px 1px 2px;. @# R+ w6 S' c1 Y* e
- vertical-align: baseline;. g/ u; ]: [/ v% H3 T
- }
3 }1 a& A$ G+ ~5 \ w) q
7 {# d3 q: H0 b4 H7 J _' S- /* 例句原文 */
0 _6 G% }6 Z+ S$ t - .sent8 F# i6 R0 C' I" G- E
- {7 W9 m% a9 R1 `
- }
& A( H, J7 Q5 C6 @* I
, V9 z0 S1 ?) E+ ~* a6 p) `- /* 例句译文 */
" I+ P3 ~& |+ B( S; i Z W - .tran0 e8 X5 M$ L% d
- {
2 t$ E( ~' N7 v - }
1 s; }/ B% f$ g( U2 K" g& C - : e1 F. w B: [4 e' y5 r
- /* 高亮 */1 x- r$ X$ R+ F8 c+ V
- .highlight
/ z! g: | E1 }/ J - {+ y6 y" ^$ ~( Z$ K, ]4 A( f
- color:#E58339 !important; R. U. Q( k" q9 T5 M
- }
* h9 z) u: r; V0 `, Z
复制代码 ! l& Q8 }8 ?+ |/ s
## 脚本. W2 p& l. t! J$ M/ \3 g/ o
- 默认已经引用了JQuery开发框架。( y* G, B1 ]( _& v
- 自定义脚本时,需要编写dictExecute函数:
1 a$ H! s! f7 L/ \3 C3 E' k/ _
: T* @5 W; n5 [- // 此函数将在切换词库时自动调用。# Q5 u+ d" Q9 ?
- // dict:词库信息;object类型;大体的格式如下:
' Q( ~ R+ ^$ e9 w8 ]- ~ - // {5 o; l. _% [! r- e% M8 n
- // "bookName":"锐特英汉词典",
7 p# M, y" r T- B& R - // "date":"2013.06.17",
! I. |& P3 n' ~9 c1 e - // "description":"Enjoy!",
; |% `1 y ]2 g2 H8 [ - // "wordCount":0,
# f! k7 E2 Q; [6 @ - // "author":"锐特", w0 [" k( S6 i/ J- u( A* G2 F
- // "dictSize":0,7 q4 a D, Z$ l
- // "dictVersion":"1",
; L; i4 c* u7 m. f- F. K+ X7 ] - // "dictVersionCode":0,- o+ @& L5 x* f0 `. Q6 u
- // "type":"main"- @; a! h. i6 _+ E+ M; S0 k
- // }$ K8 U6 t, r: T1 Z: U# L8 g
- // word: 当前要查的词;string类型;2 f- N$ J7 w3 l' p6 g
- // response: word词条的数据;string类型,如果词条的数据是一个JSON字符串,可以用eval("(" + response + ")")将其转化为JSON对象;
! ` S, u6 O( ` - // 在编写脚本的过程中,你可直接使用这些参数中的数据。
* J1 q9 ^0 }% G5 l' m - function dictExecute(dict, word, response){$ `8 ~& B! ~$ r! t! r7 r0 B1 ?0 C
- }+ P5 Z% U1 Z7 B; `
复制代码 - y+ O' e- E! X8 s9 L6 n
- 预置JS函数
5 ~9 N, k3 e d$ D% O+ `4 x- // 用cls类样式标记source中的word0 [% N: J9 o1 R& ~9 B" @# C- A
- // 例如: markWord("This is a good dict.", "good", "hightlight"); 将会返回"This is a <span class="hightlight">good</span> dict."
6 S/ e& A$ g' q) I8 T - function markWord(source, word, cls);
9 W- i6 G: l5 h" h& f Y' o
2 y1 j0 x, Z4 _/ c7 Z/ I$ [: _3 [+ h4 @- // 分词,给每个单词加上一个<w>标签。当用户点击<w>标签时,将会弹出其文本解释。6 ?' r. D+ G# U, x y8 `$ H( h" ?: D
- // source 句子* d/ y. D) s" t' Y
- // 例如: splitWord("This is a good dict."); 将会返回"<w>This</w> <w>is</w> <w>a</w> <w>good</w> <w>dict</w>."
. U5 T& ]; \6 Z0 ?+ f" M - function splitWord(source);! n) o* y# o" y8 X3 W! Y7 Z. v0 @3 Q
复制代码 9 m0 l' J0 @: a. t8 n
2 q+ ?1 e- }) Q& t' j) T7 Y## 词条数据
" ]$ H% o/ _% }8 f+ ?8 {- 词条数据,可以是HTML、文本、JSON、二进制。
# `0 e. l# p6 }. C. j- 为了能更好在手机上使用,建议对每个词条的HTML进行压缩,去掉其中的换行和空字符,网上有现成的压缩工具。% `6 V/ `# ]3 H) B3 {
- 对于各词条布局比较简洁统一的词库,建议词库只用来存储JSON之类的数据,用JS来生成HTML页面。, n$ I4 |8 n% o: \2 `$ z( d
- 预置HTML标签扩展:
! U6 B' u9 V6 S: u5 Z! K! G! Y& N- <!--entry://跳转;key: 跳转到key单词;不推荐使用,为了更好的用户体验,请尽量使用词内查词功能替代。-->" S. M+ w% b6 e9 h
- <a href="entry://key">key</a> : m8 Q% r1 E; F# I
/ P0 `$ Q0 w3 E5 A- <!--sound://发音;其后是发音文件的路径,这个路径可以是一个文件路径也可以是MDD等资源库中的key。-->) K1 Z8 q+ X) y& d, p
- <a href="sound://uk/outlive_gb_1.aac">a sentence.</a> 7 A6 P5 N; [3 p) K( Z
- 4 J, h. m3 o9 H6 `! q
- <!--给单词加上<w>标签,当用户点击这个词时,就可以实现词内查词;可以使用内置的函数自动给句子中的每个词都加上<w>标签。-->
1 ^2 N/ X8 }/ n, O% m- b) R( ?, x - <w>word</w>
复制代码 # t4 Q+ R; [: U7 g1 a
1 O/ y4 {( ^9 r8 c& C## 资源
$ {3 u% @: h) P/ F F# }- 资源可以词库目录下,但最好是放在转用的资源库中,如:mdd文件。
$ V( ^* B7 W; q" B2 M$ I1 y- 资源路径中的分隔符使用\例如:\pic\test.png。! @% Y+ ?1 B1 T# h3 d: `# d: ~
- 音频资源格式建议使用Android和IOS都支持的AAC(推荐)、MP3,其中AAC的文件更小。
' n4 Z4 m, F( | F- 软件已经包含了一些预置图标,可直接使用:0 s" N; m. ]$ T1 Y
- uk_pron.png 英式发音图标
; } A/ u# n$ M* ?- S7 K - us_pron.png 美式发音图标
. O% X0 _& c& K2 Y - voice.png 语音图标
复制代码
% ~! ]6 s/ i) s1 M+ Y' ~# ?4 @/ H. _, E, ]9 ^8 d
## 注意事项: e- | H, s, @
- CSS, JS等文本文件如无特殊说明均使用UTF-8
4 V( N! ?+ Y1 K( D4 t! p4 X( c
8 q2 w5 W0 f. ^4 o1 @6 o## QA
) c8 B7 u; }3 }7 C- 目前支持哪些格式的词库格式?+ D% B7 L5 q4 `; d* S5 [7 Z* J# i" A
目前支持StarDict和MDict的词库。% A9 u$ _2 ^% R, e
MDict词库目前暂不支持加密。
, {0 s! g4 V8 A/ ^StarDict词库为了提高手机平台的使用效率仅支持压缩后的.dict.dz格式。 p. [7 z5 ~/ a/ S- t
( a1 i, z) \$ }
- 如何添加的词库?
' c6 M. ?% @+ J将词库放到 codetimes/dict/dict/目录下,每个词库一个目录。
J( M3 C5 s: n( E' v/ ^0 Q/ \; g0 H" K+ C$ q) ^+ m/ |
- 我制作词库时需要技术怎么办?
; Z* B# e+ ~/ @1 Y7 M请在论坛发帖,我会全力技术。
4 u$ C. T9 o0 \. L
- ]# a! T; l9 k9 [! b* y+ H* p* U- 自带的词库数据是否会开源?
& p, h5 o# f& J: R% }会的,自带的词库数据是JSON格式的,如果你使用同样格式编写词库,那就可以直接使用对应的脚本,并有完整的功能支持。
. N* \$ B" i8 ?. @* V4 Z5 A0 j5 f- |) f% N" K' C
## 开发计划: g* c- V- X: j; J" n: Y
- 单词发音
; [; Z1 E1 G" g5 I; T- 支持多语言词库的索引 |
|