掌上百科 - PDAWIKI

 找回密码
 免费注册

QQ登录

只需一步,快速开始

楼主: hhuang

[记忆库] 更新带音频(单词+例句),LDOCE6,美国当代英语语料库2...

    [复制链接]
  • TA的每日心情
    奋斗
    2024-4-28 21:38
  • 签到天数: 86 天

    [LV.6]常住居民II

    发表于 2018-6-5 02:52:02 | 显示全部楼层
    非常感谢,试一下
  • TA的每日心情
    奋斗
    2024-4-28 21:38
  • 签到天数: 86 天

    [LV.6]常住居民II

    发表于 2018-6-5 05:26:29 | 显示全部楼层
    非常感谢,但是导入太慢了,提个建议,希望利用anki浏览器功能的辅助把该牌组按照每1000个词频大小导出为20个apkg文件。苦于手头没有电脑,不然我即刻就做了。甚是感谢。
  • TA的每日心情
    奋斗
    2024-4-28 21:38
  • 签到天数: 86 天

    [LV.6]常住居民II

    发表于 2018-6-5 06:54:51 | 显示全部楼层
    你所发布的代码包含很多乱码,请问能单独复制一份TXT给我吗?十分感谢!!!在下邮箱[email protected]
  • TA的每日心情

    2018-4-23 09:34
  • 签到天数: 4 天

    [LV.2]偶尔看看I

     楼主| 发表于 2018-6-5 07:51:00 | 显示全部楼层
    ankifyh 发表于 2018-6-5 06:54! V+ t  ?& v" d9 b! t3 s' |
    你所发布的代码包含很多乱码,请问能单独复制一份TXT给我吗?十分感谢!!!在下邮箱 ...

    8 {' h/ i  Z# n0 c# |Front Template:( Y; D; [8 a/ ~3 e) w* q& `
    1. <div id="front">" n5 G" m4 s, c+ U. l+ d( m+ e
    2. # A, R% H. o# W; p* ]
    3.   <div class="headbar">{{Deck}}</div>4 w' G0 N0 l' a4 n
    4.   <div id="word">
      + b! r( T, Y) q' s  n( k
    5.     {{单词}}
      - s  g( f: k* V; m- v
    6.     <span id="rank">&nbsp;&nbsp;&nbsp;&nbsp;{{ranking}}&nbsp;&nbsp;&nbsp;&nbsp;</span><span id='example_audios'></span>4 F( ^8 {! M. ~3 B3 ]$ i
    7.   </div>9 N# b6 P% m( Z1 m! h% `2 m
    8.   <div class="yongfa">
      * D0 s: a" o6 ?/ G
    9.     {{用法}}0 m+ T: w; b3 h$ D+ r: B( M
    10.   </div>
      + _6 v, v: r0 K7 L# o" l  n  N0 m

    11. + w/ e0 Q5 Q1 _. x
    12.   <div id="back">7 Z3 y3 _* {5 B1 w( f
    13.     <div class="headbar">有道词典&nbsp;&nbsp;基本释义</div>5 W& I1 S; K" l5 r0 Z  G" N
    14.     <div class="shiyi_youdao">
      3 B2 O; p% F; z0 j1 N2 d; X( p. F
    15.       {{shiyi_youdao}}% C- w; c; p+ [1 P6 Q# Q
    16.     </div>
      9 p, x$ B) D  k7 x! J: G

    17. - t0 M7 J) I/ s& W3 K! G
    18.     <div class="headbar">LDOCE6</div># n% X: G5 M( g4 V
    19.     <div id="ldoce6">+ w( ?* v' [; l+ I4 X
    20.     {{LDOCE6}}2 D, G% C4 z* |
    21.     </div>- w) v! \6 v. X: e8 V6 \

    22. + z  d* h4 L. t7 e4 Y, z8 P
    23.     <script type="text/javascript">- D  k+ A4 p4 j
    24.       // format yonfa. D7 A! ?( E& k" p" l0 P
    25.       [].forEach.call(document.querySelectorAll('.yongfa'), function (div) {
        _5 C( s4 ^6 j9 x
    26.         div.innerHTML = div.innerHTML
      , k( b  B0 }, z2 d, t, n. l
    27.           .replace(/[1-9]+\)/g, function (symbol) {5 r% Y+ y( X% N( s
    28.             return '<a class="hightlight" style="color:#539007;" >' + symbol + '</a>';
      ) }4 ~9 O4 |# C! I: Y
    29.           });
      , E' A0 u! i! X% q
    30.       });
      9 I8 U! C- |' s0 E$ `

    31. 9 l* X" |: e4 P% U" l
    32.       // play the Ammerican pronouciation
      / x5 e' m: m! U6 ^
    33.       var amevoice = document.getElementsByClassName("amevoice");% r" F/ f# v( c. g2 g7 S1 O
    34.       var anki_modified_code = amevoice[0].innerHTML;
        [, g& E, H7 X$ m" H
    35.       //var filename = '_' + anki_modified_code.split(':')[1].split(';')[0].split('_')[1].replace(/"\)/, '');;7 j- ^. W6 N7 h' `8 [2 X6 u
    36.       var filename =  anki_modified_code.split('ankiplay')[1].split('");')[0];
      ) s+ ?" n, O/ X. x
    37.       var audio = new Audio(filename);
      4 Z. b* Q0 f9 ^- G( r# ~% \5 t7 c4 \
    38.       audio.play();( }" e: T0 h) }9 P$ Y# U

    39.   z, d2 U+ k. G4 B( z4 \2 O5 d
    40.       // add audios of the examples
      # R$ [$ k+ m( G
    41.       var examples = document.getElementsByClassName("example");
      4 w3 h  \2 K9 |" ^- H/ H! y
    42.       var example_audios = "";
      + q% D. a& L  N* O% ^5 _" a
    43.       for (var i = 0; i < examples.length; i++) {
      1 D* D7 Y" V# V5 h  N9 Z
    44.           var e = examples[i].innerHTML;2 Z. l* v; S* }, _7 U
    45.           var index = i + 1;
      . W* e7 \5 Y) |8 g3 y- i
    46.           if (e.search('mp3]') == -1) {
      9 U7 }) M) o. p- D1 t
    47.             continue;! M) c' ?* o% `7 [+ O
    48.           }
      # H4 `! G  n8 L
    49.           example_audios += index + e.split('<img')[0];
      + t' M" t+ ]% f7 N) w' Q: {  B: C
    50. //if (i>10) alerta(e.split('<img')[0]);/ }, |/ `* }( S/ D* l# V' d9 h9 a& J
    51.       }, e5 C8 \3 _" ^) [! H
    52.       var rank = document.getElementById("rank");; A" [# `* ^- ~1 T# M- y
    53.       rank.innerHTML += example_audios;" j' h9 t0 X3 U4 p1 v

    54. 9 T& M1 g6 g+ o2 {
    55.     </script>
    复制代码

    ( i1 c6 C' I$ d( S3 k2 W( ]2 z
    4 |% l- O" z' i9 z" TStyling:: z" V2 u) r3 \  H1 K( N; I" ~" A
    1. /*页眉页脚全局样式*/
      + p; \* r+ T) T
    2. .headbar {
      # K' r+ p7 s% V
    3.   color: #aaaaaa; /*字体颜色-白色*/. D5 j0 J4 p1 g2 \# Z
    4.   padding: 2px; /*四周留白-5px*/# X+ C3 w" Y) q- y4 C
    5.   text-align: center;& C* T, w8 W& r5 G* b
    6.   font-size: 10px; /*字体大小-12px*/1 u( O! {/ W* f4 v4 T- P
    7.   background: #365899;
      & M6 p5 T4 l5 M
    8. }
      5 _1 R7 z; A3 J  N5 T, i

    9. : Z. _9 H8 o+ K9 y: ]7 X. O  R! m! J
    10. body {. B8 }7 g" n' [  [! V2 v
    11.   background: #c7edcc;( Q+ p# f, N1 {7 E6 y
    12. }$ t0 c4 s5 v7 ]- I
    13. & E- k- t- M+ j1 b. b+ m2 F
    14. #word {8 w4 {& j) W0 }$ t* e" z; o
    15.   font-size: 36px;( `7 t! W# `6 F0 T: j: Q
    16.   font-weight: bold;
      & t& w3 K. r) E$ |4 Y  L' t
    17.   padding: 5px 20px;
      " p6 F0 Z. i7 f$ w/ @
    18. }' l* R$ t  U1 y3 N( c) S! P

    19. 3 P  {3 e& U! C
    20. #rank, #example_audios {
      ! @9 ^3 H3 z5 r$ T- a6 |
    21.   font-size  : 12px;
      $ ]+ p; n( A. ~" J: F
    22. }* |5 k4 f4 z3 z# o. t

    23. + O! B* {" G& ]7 [! F
    24. .yongfa {9 [! ?# W& t4 f, a! @7 @/ u
    25.   font-style: italic;3 Z/ H7 M" @$ k  q* ~
    26.   display: block;% W5 o$ a8 X  Y
    27.   color: blue;8 V$ [' C( |5 Z: H8 ~
    28.   padding: 5px 20px;
      % b, h$ b4 F- Z) F3 {4 M: G! |1 }4 c& L
    29.   font-size: 14px;
      3 D$ n, P0 p" P* m8 h$ t6 h6 s" q
    30.   line-height: 1.2;: W3 c4 I9 y1 u% W
    31. }
      3 q9 F: Y" s- C" b" }! M7 i
    32. 7 N5 A; N  ~  T4 A+ z
    33. .shiyi_youdao {
      ) v% D& w6 ]3 }( \  `6 t0 T$ Y
    34.   font-style: normal;. i, u. Z* C3 ^
    35.   font-size: 18px;6 s! i& }3 z$ q& z4 j
    36.   line-height: 1.2;' D, r% u5 N  ?
    37.   padding: 5px 20px;
      ) e1 r1 {3 R+ u
    38. }# ~- T$ f" ^5 ~, o1 x. R+ y

    39. * ]- P- A9 V- r% S4 e2 @& E
    40. .hightlight {
      $ K- l) T2 a8 Y) w  y1 R/ ^2 p
    41.   font-style: italic;
      1 V$ O! F2 k$ h3 o" J' F. K
    42.   font-weight: bold;8 u3 H# k2 }4 J! `$ O
    43. }: l0 p7 z- M: R& X6 m  S3 K  {

    44. : l7 i0 \  {$ f* \
    45. /*
      1 C5 h8 @/ E1 ^' P* u  A1 A7 z
    46. ._LDOCE6 {4 V, \. Y! R  }2 G; _- _
    47.   height: 480px;
      : _0 A6 S0 }- p) X
    48.   overflow-y: auto;
      4 v- t& l' p' T* p5 d( J3 u$ I5 ^
    49.   font-size: 14px;
      ( Y9 W- U7 n7 l6 O4 i) f( A9 k' Q
    50.   padding: 0px 10px;/ c- S. d/ y  f2 U
    51. }
      & ~! {# k  g) }
    52. */
        y! f9 a! n* j% N7 k

    53. ) [4 t+ J7 I& c, z, E6 Z
    54. #ldoce6 {
      ( z, z5 Y  |) t/ d1 Y
    55.   overflow-y: auto;
      ) H$ @" z5 e& a6 s1 h; Y3 o
    56.   font-size: 14px;
      : g% ?, K3 D6 X2 {# g5 a( k( c
    57.   padding-left: 10px;( ~1 _: F' D( E3 g, ]
    58. }
      % {- c) d* O0 z+ X; b
    59. 4 h/ ^9 Q. ~& J  {7 c$ t3 }
    60. . W1 U/ `, i& s$ y
    61. #back {# d. b' V9 }6 c! i. F+ }0 e  i
    62. display: none;$ `" B5 c1 I7 O; s; P1 r, d
    63. }% p( p- }5 J: X" l9 b' i
    64. 6 [. L* P- k  A: T
    65. /*
      - K& b; M% D' ]" g, I( H
    66. .cixing {
      7 B; f& |- ~  y& U, q
    67.   display:inline-block;
      ; F" y6 h0 }& T; w/ ~9 ]
    68.   text-align:right;+ T$ p8 F' \5 G, h# B8 p5 z
    69.   width:40px;. v3 E  {/ k6 C; U
    70. }3 q( I4 m6 A5 X
    71. */
    复制代码

    - k+ G( a( j' ?  d# l4 J# v- j# V6 o
    Back Template:; n8 ?3 O7 ?5 }& s7 L! g
    1. <!-- 背面区块 -->
      ) j: T8 K, M# L
    2. {{FrontSide}}
      8 I3 h/ E2 b& D- w9 {' }
    3. <!-- 页眉区块 -->$ P  `0 L& b* M+ S
    4. <script type="text/javascript">
        G8 M1 s* Q! w8 i% p1 e+ B
    5. + [7 f0 c9 t& }
    6.   // format shiyi_youdao; f+ M! G$ P$ V5 c1 E9 V6 ]) s
    7.   var colorMap = {: G; k5 @$ Z4 ~* p/ v! W* q
    8.     'n.': '#e3412f',
      * W+ c" X6 X! Z4 ]' A
    9.     'a.': '#f8b002',
      ! Q. {! N7 [- T( Z, H
    10.     'adj.': '#f8b002',
      + h- @/ Y5 J, p) l, `! I
    11.     'ad.': '#684b9d',
      ! q9 L: n+ u: v2 i
    12.     'adv.': '#684b9d',7 m/ E0 T5 u; R2 O7 ]" |
    13.     'v.': '#539007',
      ! K+ y* d+ T1 Z2 X. Q. M% O
    14.     'vi.': '#539007',2 G/ d: t. e& t0 a# E
    15.     'vt.': '#539007',/ S1 g( m! M" M! v$ i
    16.     'prep.': '#04B7C9',* c2 j% [4 g$ W. i) [
    17.     'conj.': '#04B7C9',
      ) i  s2 d1 ~8 q0 Z
    18.     'pron.': '#04B7C9',
      $ d1 o* g( F/ \' ?
    19.     'art.': '#04B7C9',
      5 k+ S) M" j1 Z6 h7 F
    20.     'num.': '#04B7C9',
      : C4 t8 e+ p, q: k, q2 E  F* ]
    21.     'int.': '#04B7C9',
      0 ]1 x7 m  \5 Y5 F# C! L. m
    22.     'interj.': '#04B7C9',* A  K8 d4 q9 t) Y3 R
    23.     'modal.': '#04B7C9',# s) s' [4 S0 p& e& g+ N7 n
    24.     'aux.': '#04B7C9',  i! w/ {2 s8 D4 z$ f+ S* O
    25.     'pl.': '#D111D3',: r7 a; w6 b4 O8 f3 s+ h
    26.     'abbr.': '#D111D3',
      " U2 b: ~" D3 d
    27.   };
      4 f6 P* L* c. B0 l
    28.   [].forEach.call(document.querySelectorAll('.shiyi_youdao'), function (div) {
      4 g# U" q2 x. r8 L
    29.     div.innerHTML = div.innerHTML
      , I# F; D5 h5 z2 f/ N3 Z; o
    30.       .replace(/\b[a-z]+\./g, function (symbol) {$ Q' a) ^& f' j$ ~: Z9 Y$ e' B
    31.         if (colorMap[symbol]) {( m/ H) C' \  N( r2 D# `3 t
    32.           return '<span class="cixing"><a class="hightlight" style="color:'! a$ y" Z7 m' g! s/ b# j6 o, e
    33.             + colorMap[symbol] + ';" >' + symbol + '</a></span>';: L0 @& e$ ^: L3 o: s/ |
    34.         } else {
      ; u. C7 {) T) ?1 K8 V: y& W
    35.           return symbol;
      5 ]6 b5 E+ m& f7 }: a3 y
    36.         }
      ' j* H2 J  m; e- n8 p/ @1 a
    37.       });
      0 A- K8 q* Y8 y$ f# V
    38.   });* V: }0 [' l3 n7 T+ B
    39. ; ]8 T2 Z1 k' v: L" a+ r
    40.   var back_div = document.getElementById("back");2 d2 f7 Z: I/ z( h5 R! I, w/ `: D
    41.   back_div.style.display = "block";& }* R+ Y* n/ h4 G0 U0 ^

    42. ! b8 I0 @3 R2 p4 |$ h0 q. v
    43.   window.addEventListener("resize", update_ldoce6_height, false);
      ) g( G& q" `$ I
    44.   update_ldoce6_height();2 U5 _) j  }) x9 d! @. O* d7 R
    45. 2 ?5 w% @' q' l
    46.   function update_ldoce6_height() {
      6 m' D* h& r9 X, w4 _
    47.     var ldoce6_div = document.getElementById("ldoce6");" W8 W: x& A# w; e( L
    48.     var window_height = "innerHeight" in window ? window.innerHeight : document.documentElement.offsetHeight;
      8 I. r. r9 `4 R9 ?* \6 Q6 E
    49.     var preferred_height = window_height - ldoce6_div.offsetTop - 20;
        {6 @% W2 q* _- o
    50.     ldoce6_div.style.height = preferred_height + "px";
      - r) b: i0 m1 v6 f' I0 d9 d
    51.   }5 Q/ H# y2 v; Q# O6 R5 ?
    52. % Q$ M$ t; ?- ~1 G' Y- o: o
    53.   // test to show the file name  H( z: O7 w: d( L- b% I
    54.   //document.getElementById("rank").innerHTML="top: " + ldoce6_div.offsetTop + "<br/>height: " + back_div.offsetHeight + "<br/>window height: " + height;
      7 g% M. a6 W2 C. \, ?  u6 {

    55. 0 I# b: w% _" [  r7 i* b
    56. </script>6 ]- Z. A( Z$ ~8 v
    57. <script src="_entry.js"></script>
    复制代码
  • TA的每日心情
    奋斗
    2024-4-28 21:38
  • 签到天数: 86 天

    [LV.6]常住居民II

    发表于 2018-6-5 16:14:23 | 显示全部楼层
    照抄了代码还是没实现加上按钮播放例句的效果。不知道是哪里搞错了,不过还是要谢谢您的回复
  • TA的每日心情
    奋斗
    2024-4-28 21:38
  • 签到天数: 86 天

    [LV.6]常住居民II

    发表于 2018-6-5 16:53:16 | 显示全部楼层
    本帖最后由 ankifyh 于 2018-6-5 16:54 编辑
    " \/ O) d! H! B5 q+ Z& k3 _8 _6 l5 A- ?7 D* D! j% y7 x0 h- p/ h
    我想可能是这个标签里缺点什么:<span id='example_audios'></span>
  • TA的每日心情

    2018-4-23 09:34
  • 签到天数: 4 天

    [LV.2]偶尔看看I

     楼主| 发表于 2018-6-5 17:14:15 | 显示全部楼层
    本帖最后由 hhuang 于 2018-6-5 17:19 编辑 6 b* v& C) o: R" J; F
    ankifyh 发表于 2018-6-5 16:53
    8 ?+ a+ n' n. J) Y# Y我想可能是这个标签里缺点什么:
    + {8 n- I$ g5 S. i0 i- l

    , y7 W1 ~' h& K8 h7 H代码应该是OK的,我直接从我正在用的card里copy出来的。$ ]% e3 `1 m0 h& v; ]+ R- q
    <span id='example_audios'></span>,这一块代码是没有用的,我原来想放在单独的span里(ID为example_audios),但后来我直接把那些按钮放到rank那个span里了。
    ( ]4 l. ~- o$ L如果这个单词没有example,或者有example但example中没有mp3,那就没有按钮。其它情况都应该有按钮的。# J5 S) o4 F" f! y4 l
    你可以alert(examples)看看,自己调试一下,我就是这么看的,了解anki生成的页面的源代码,这样就容易改了。" r' E. Y& R  S! @2 j6 G/ V

    1 p& d8 U( i: z& S按钮部分看这里:
    ! j& L  x0 `* H  P% m
    1.       // add audios of the examples+ `# }6 S6 Z; ?, E* a7 j
    2.       var examples = document.getElementsByClassName("example");
      / g& V* X" T% U: o/ Y( \
    3.       var example_audios = "";
      - S- w( y9 [; m! B
    4.       for (var i = 0; i < examples.length; i++) {
      4 n! P5 Y: J$ ~9 {# g9 }0 i8 \
    5.           var e = examples[i].innerHTML;' F" o& d' |( _+ t! W
    6.           var index = i + 1;6 F0 G- _4 J# b) P" E/ c; ^: ]
    7.           if (e.search('mp3]') == -1) {
      # l) ~2 R1 k& f
    8.             continue;
      5 h7 H  v- r/ @7 F" a% Z
    9.           }
      - H( s0 f% N& m! C5 O
    10.           example_audios += index + e.split('<img')[0];
      * O0 v- n% n& T' O5 u  g" ]
    11. //if (i>10) alerta(e.split('<img')[0]);
      / \8 A) H% G0 m' S
    12.       }  Y8 y9 P+ n1 U4 {+ A
    13.       var rank = document.getElementById("rank");
      1 o& H7 o- Q7 ^! Q; N4 e& M
    14.       rank.innerHTML += example_audios;
    复制代码
  • TA的每日心情
    奋斗
    2024-4-28 21:38
  • 签到天数: 86 天

    [LV.6]常住居民II

    发表于 2018-6-5 18:49:56 | 显示全部楼层
    我仔细核对了,还是没搞定,您在掌上百科上发布的代码我无法直接拷贝,能不能以文本的形式发一下,我直接复制粘贴试一试。
  • TA的每日心情
    奋斗
    2024-4-28 21:38
  • 签到天数: 86 天

    [LV.6]常住居民II

    发表于 2018-6-5 18:51:15 | 显示全部楼层
    麻烦您了,实在不好意思,浪费了你不少时间
  • TA的每日心情

    2018-4-23 09:34
  • 签到天数: 4 天

    [LV.2]偶尔看看I

     楼主| 发表于 2018-6-5 20:10:48 | 显示全部楼层
    ankifyh 发表于 2018-6-5 18:49# e: e  ]# M6 D- v3 y1 h  r
    我仔细核对了,还是没搞定,您在掌上百科上发布的代码我无法直接拷贝,能不能以文本的形式发一下,我直接复 ...
    : ^# J, e0 P* e7 _6 m
    ====Front Template====
    2 t# A3 \1 o* y5 w<div id="front">
    ; T* B8 E; ?2 E7 E& I
    ( \) w4 k& j% P" }$ Z8 P  <div class="headbar">{{Deck}}</div>
    ) K& S- i/ h0 y: ?1 g5 P  <div id="word">
    / D( m1 r3 }- W! \    {{单词}}
    + t) x5 x4 z5 b" P+ k# y% p    <span id="rank">&nbsp;&nbsp;&nbsp;&nbsp;{{ranking}}&nbsp;&nbsp;&nbsp;&nbsp;</span><span id='example_audios'></span>8 K, d- a, Z6 h8 T2 R4 f4 N
      </div>( j( W) n( o: e) C# }
      <div class="yongfa">; E  ~: A- W  O& M9 r) n6 K
        {{用法}}
    " Y. f' @! A- A& y  </div>. Q9 A' `0 B) {+ O0 [3 B! u
    , H3 ~; D+ J* A6 Y! I: q
      <div id="back">
    ; w! K0 V# q9 a) }& O    <div class="headbar">有道词典&nbsp;&nbsp;基本释义</div>+ ^6 }* T  G* o. y  t
        <div class="shiyi_youdao">
    ( ]( A! _8 o+ F7 ^) y      {{shiyi_youdao}}! f6 p! N! k0 @- T9 H4 x1 X3 E
        </div>2 Y& ?' K) v% z. K8 G* }

    6 A; X" o# K5 T    <div class="headbar">LDOCE6</div>& g" U( a, V& M6 o
        <div id="ldoce6">' B$ j; s7 `; p9 k. B
        {{LDOCE6}}0 g' X5 ?* X* i* g. K4 Y
        </div>- o. G: ?+ Q4 m  c8 h

    * n) G' K8 h. O, v; R& z    <script type="text/javascript"># w4 |' T+ u2 ~2 N; x3 ?/ t* D
          // format yonfa9 i0 o- L8 C5 X" g# m" f! D
          [].forEach.call(document.querySelectorAll('.yongfa'), function (div) {
    + F% B5 K1 V' u/ _4 N) Y3 ~( V        div.innerHTML = div.innerHTML3 P  v- |% |7 V5 k( z4 [. k( N. [* S
              .replace(/[1-9]+\)/g, function (symbol) {
    2 E0 o6 }  c% a' W6 C            return '<a class="hightlight" style="color:#539007;" >' + symbol + '</a>';, s9 s' T+ M( @( M7 H. c# ^2 ]
              });. c9 y# P6 P9 B1 D
          });
    $ y* n4 ^  n; U$ k6 _
    / F: Q; ~- v& P2 f, a      // play the Ammerican pronouciation6 T/ K" K2 o3 K% w8 U8 v
          var amevoice = document.getElementsByClassName("amevoice");
    ' \3 z$ T, y; n      var anki_modified_code = amevoice[0].innerHTML;$ w1 d; E" p! c4 G) M2 M
          //var filename = '_' + anki_modified_code.split(':')[1].split(';')[0].split('_')[1].replace(/"\)/, '');;
    8 ^8 P! Q9 C: r/ H      var filename =  anki_modified_code.split('ankiplay')[1].split('\");')[0];# ?) Z' A7 p8 r' \* H# x
          var audio = new Audio(filename);, E0 \5 V) M! d) f# B9 m
          audio.play();
    # j( o4 O7 ^9 E& m' _' @+ g' X) h
          // add audios of the examples
    : C' w" W3 g3 _0 O1 I      var examples = document.getElementsByClassName("example");7 T8 T4 B$ N$ M0 `( ~& Z" L- L" d
          var example_audios = "";
    % G3 }1 Y3 }! b" k4 h( D      for (var i = 0; i < examples.length; i++) {
    2 `. d5 q2 C% I& J( o- u6 u3 w          var e = examples.innerHTML;7 w" _) I: ?6 C6 w8 `. Y, [6 ?3 E1 ?
              var index = i + 1;
    + `2 A- Y$ g1 c, I, C& q# l' p          if (e.search('mp3]') == -1) {% d: i; s/ Q  G. n  e
                continue;
    3 e* S- T" T4 K+ a  a          }
    ; D# F: `8 D  G/ a! X          example_audios += index + e.split('<img')[0];
    ' d/ v! ~5 _# S//if (i>10) alerta(e.split('<img')[0]);2 O& Q* u4 D' \9 U# m( J3 w4 D# g
          }: j3 Z( L" x3 y' M7 y. p: u
          var rank = document.getElementById("rank");' z0 H: M$ N, M- ]
          rank.innerHTML += example_audios;
    / H. L+ B( M  {7 Q. |" W+ |" K2 e! b7 X  {8 S! T: |
        </script>2 \, O; M9 Q: B; G) F: b% c4 ^- E
    ====1 _) W6 d/ P! b
    1 ?2 a0 w2 e( o
    ====Styling====
    ; Y4 q- [4 _) O5 @+ L/*页眉页脚全局样式*/! f' q2 `2 \5 b" L  E
    .headbar {5 J( o5 S9 Z5 G8 Y
      color: #aaaaaa; /*字体颜色-白色*/
      L' r+ d8 {4 _) m  R4 q  padding: 2px; /*四周留白-5px*/5 k9 W* H5 @" U
      text-align: center;
    7 n) [1 R( d! X* C" g+ W: Z/ e/ U1 r# I  font-size: 10px; /*字体大小-12px*/. l1 y+ @0 _5 H0 s# Y+ ]
      background: #365899;. U7 s* r' {3 B
    }5 N; e6 ^  ]+ D8 _9 l
    0 F2 g/ T8 \3 {9 z, B% o. p
    body {  @+ T% E+ T6 h9 y2 q' X7 p
      background: #c7edcc;. k8 [* j! R+ D9 N: d. m- N7 o
    }
    6 u# I9 F" s& P! u
    # H' _& I7 T# d: o9 J#word {
    ; `2 ], N& V+ l$ t% h5 O, c  font-size: 36px;
    ( M6 q5 T1 G, L, ~6 {* \  font-weight: bold;
    7 n. b: b0 W1 |# f% h. C. Y; \  padding: 5px 20px;: g, o- U- |1 O9 O% B
    }
    # w/ J( |* m( e# T3 k! p! o2 f0 E- \7 h4 |8 X
    #rank, #example_audios {
    ) E# B5 Q9 y' q3 i9 s/ w: p  font-size  : 12px;7 f) R! x" w# U4 K2 {: {  U
    }  o- P2 N6 Y# u( N: t6 k7 ]0 R3 b0 T
    + n0 b5 H: i7 S. k4 K+ I. H
    .yongfa {
    & y. b3 Q/ d. Z$ o- y  q, n' f  font-style: italic;
    ' X8 \6 J& O" z; a  b% ]# K  display: block;
    , Q! z8 @* r( y- R- H! C  color: blue;: o! A+ G, d9 h2 V' \
      padding: 5px 20px;, f9 w. p& Y( L& W; p  q
      font-size: 14px;
    3 R4 S4 [# G. j  line-height: 1.2;
    0 T( H1 t& n* `, g( z4 B}
    8 {7 O! z4 s) @+ W
    2 f6 o0 Y% ]  ]8 C. l, C.shiyi_youdao {# [' E" d6 m) t2 r4 f7 d% M
      font-style: normal;
    4 [, H6 K# Q* w# ~0 N1 b  font-size: 18px;
    ( w0 S" h1 K& d0 \+ v, g8 k  line-height: 1.2;
    - Z' o( E/ d& p  @* p$ o3 v  padding: 5px 20px;3 ]/ N1 t: F9 k- W  z
    }
    " ]4 d" i4 `4 N+ p& @, z7 x4 I" B
    : A5 O3 p$ m1 _% Z2 E- \.hightlight {
    2 ^# P# @) y8 q7 c1 t  font-style: italic;; M8 q4 L" G, ]5 J, j- K+ ^4 ]0 }
      font-weight: bold;1 ]4 B0 x3 I! L3 p6 x
    }; u, O- n5 q, p7 b6 ^" j

    9 M4 l" d3 `; M- R9 {/ N, [/** X  |  ?3 j% V5 n" G
    ._LDOCE6 {
    0 Q) M% P+ [( M% W  height: 480px;
    - Y8 u: x* j6 Q  [; L- y/ f  overflow-y: auto;8 X4 n. v/ w! }9 ]" E
      font-size: 14px;
    $ r+ j6 B( _; S4 u9 o6 i+ J  padding: 0px 10px;* r# [0 \+ \5 t+ {3 }, c2 T- ~6 x7 X
    }- r! D$ |. U6 L$ E( u# i, y
    */
    0 B5 V  \; g4 K+ O# M$ p4 g
    3 Y& j) _9 L' s# y9 H; ?9 l" x& q#ldoce6 {& N1 P. ~2 K0 T& M. K
      overflow-y: auto;
    9 J% H7 I5 R7 D( L! g2 F  font-size: 14px;7 d) S$ |: j4 z7 P0 v0 z8 W
      padding-left: 10px;
    7 J# }, K+ [- _' x: ~}
    9 N6 K0 e5 j( O7 U( O; w3 \! v, I3 Q7 x9 T4 y) k. S

    % ]- k& S" z8 d/ J1 s& t# e#back {1 A7 \( s: P1 R6 h4 `3 u
    display: none;
      F" ?& o8 t: N, w+ j4 ?' U5 Y}! m' u7 |8 J1 g4 {8 A  C- J
    5 M. }2 f# a- W" p5 f
    /*
    " M) O  b6 _; K/ t& s.cixing {& s" A" s" l; E" ?2 \$ v
      display:inline-block;
    . y' Y" q" K& V7 q' s) o  text-align:right;
    9 K* m& I( f, X  width:40px;& _* |  c. }# k3 r  j; t
    }
    , `' {% t5 i3 W*/
    & h, q# P6 e/ g. p$ J7 |  n====: U2 x& U. G1 p& c, k; ^

    * l. w6 k9 ^( T3 Y3 P====Back Template====+ n: t0 z% W' o. H' f3 `' y- S, {0 h
    <!-- 背面区块 -->5 J6 C+ w& J' ^, c3 O
    {{FrontSide}}
    7 {5 \1 s2 M' f( v. A% n<!-- 页眉区块 -->6 n  K4 B; ]; o4 b2 N$ p" z/ P8 w
    <script type="text/javascript">  Y, [! F7 c4 G9 \" ~

    % m# H/ I8 a% P+ t6 V& }5 Q  // format shiyi_youdao
    & Q8 W' w4 F  W  var colorMap = {9 |* I& h& F0 `
        'n.': '#e3412f',
    + I& I8 F* F/ y. p0 c    'a.': '#f8b002',
    3 u' E9 Y' J. L* u, {' i- b    'adj.': '#f8b002',
    % Z! ^; I$ }$ Y* g. x' x9 x    'ad.': '#684b9d',
    0 u" G* L1 j$ ?2 Y. o) t    'adv.': '#684b9d',
    # C( c8 C3 n% a4 J+ c    'v.': '#539007',5 p2 g- R2 y- e0 C, l9 o. O* w
        'vi.': '#539007',
    : f$ E! r9 k' Q1 Q    'vt.': '#539007',
    - m. w/ i- k( c" U+ d  I    'prep.': '#04B7C9',
    5 J# [$ x% Z+ Q    'conj.': '#04B7C9',
    4 ~: l, \5 n- E    'pron.': '#04B7C9',
    # x* R9 p& `2 T  q% A+ W    'art.': '#04B7C9',
    , }2 ]: p  a* K$ L    'num.': '#04B7C9',
    $ d0 d  o2 ]0 j2 w* [    'int.': '#04B7C9',5 b4 g4 U% \( U/ k
        'interj.': '#04B7C9',/ z3 c& D) {, G+ @- z' g
        'modal.': '#04B7C9',3 Z6 W. N. ]8 N2 e
        'aux.': '#04B7C9',' l* h0 q, C8 p( j2 J/ k( ~
        'pl.': '#D111D3',
    * n3 a. X. T- G  W3 g  |    'abbr.': '#D111D3',! |# p. e, C- G/ z+ ?+ b& T
      };
    $ u4 F; Q! @' v2 v+ s  [].forEach.call(document.querySelectorAll('.shiyi_youdao'), function (div) {
    7 y3 z, E8 w5 _9 t+ R    div.innerHTML = div.innerHTML
    6 T* Y! ~- M# t  K: B/ c      .replace(/\b[a-z]+\./g, function (symbol) {7 x6 \- a# h1 ]5 w
            if (colorMap[symbol]) {. z! V9 T% y! R( S- w+ T
              return '<span class="cixing"><a class="hightlight" style="color:'
    5 h" c% d* p# w            + colorMap[symbol] + ';" >' + symbol + '</a></span>';
    ' ~5 t. S( d" [, `' w( u9 F        } else {
    # E  J5 p4 I5 b  w& V5 l4 z' M          return symbol;
    5 |( O+ Z1 [) E" F        }0 J! u1 K, f- g/ n0 @2 |& W8 C
          });
    9 y. j! n: o& u' p  });
    ' E+ _# }7 O3 N+ N, P( r0 h% P4 Q- Y, m, u5 |% X) E- {6 M
      var back_div = document.getElementById("back");
    ) x; f6 r# j% _" F5 y$ ^  back_div.style.display = "block";! P  ~" i4 o& N* g  y* f' n
    + H  N! g" h1 A0 Q. R5 x/ P
      window.addEventListener("resize", update_ldoce6_height, false);
    8 T' x, l1 U/ O8 W/ F% b/ F" J  update_ldoce6_height();# x- R4 s) c# }' @: P4 k* [
    ( Y& Q3 ?0 M2 j8 r- z3 c
      function update_ldoce6_height() {  [' U1 x4 N6 W5 I2 b
        var ldoce6_div = document.getElementById("ldoce6");! f4 N$ c4 d; d0 E6 D
        var window_height = "innerHeight" in window ? window.innerHeight : document.documentElement.offsetHeight;" h5 C4 D6 a4 r- z$ ?" a1 u5 K
        var preferred_height = window_height - ldoce6_div.offsetTop - 20;) S  d' D6 `' ~3 ]# W5 c3 W: C
        ldoce6_div.style.height = preferred_height + "px";* B$ e! x  n# `8 Q7 J3 Z
      }7 n5 w) b0 q& j/ D% m; ?1 _

    , J7 T1 e% ~/ t2 E- }  // test to show the file name
    2 y8 `" T# l- V3 N$ t  //document.getElementById("rank").innerHTML="top: " + ldoce6_div.offsetTop + "<br/>height: " + back_div.offsetHeight + "<br/>window height: " + height;
    2 [0 M4 ~' u# h2 s% r( d& V4 I* k& v* G: W1 _6 C1 J
    </script>; B, Q+ v7 i; W0 j
    <script src="_entry.js"></script>
    * ~) r5 v6 {+ V6 l2 H====
  • TA的每日心情
    奋斗
    2024-4-28 21:38
  • 签到天数: 86 天

    [LV.6]常住居民II

    发表于 2018-6-5 20:36:08 | 显示全部楼层
    我复制时的实际效果是这样的,如图所示,我也不知道要怎样才能不选中后面的文字。我不太懂js,只是个小白,所以我就一条一条地复制粘贴。逐行核对,还是气死自己了。所以请见谅。

    本帖子中包含更多资源

    您需要 登录 才可以下载或查看,没有账号?免费注册

    x
  • TA的每日心情
    开心
    2021-11-14 10:34
  • 签到天数: 220 天

    [LV.7]常住居民III

    发表于 2018-6-5 20:40:39 | 显示全部楼层
    谢谢楼主宝贵的意见
  • TA的每日心情

    2018-4-23 09:34
  • 签到天数: 4 天

    [LV.2]偶尔看看I

     楼主| 发表于 2018-6-5 20:50:16 | 显示全部楼层
    ankifyh 发表于 2018-6-5 20:36
    8 v' m# C; X1 p$ ~5 |/ }; |1 P我复制时的实际效果是这样的,如图所示,我也不知道要怎样才能不选中后面的文字。我不太懂js,只是个小白, ...

    " \5 O  S  `4 ?还真的是够白的啊,哈哈
    * K) ?" U5 l" u3 w这个是论坛搞得鬼,你拷贝下来自己编辑一下就行了啊。
    2 w! F8 w, l+ L0 k我在共享的文件夹里放了个txt文件,你去取一下吧。
  • TA的每日心情
    奋斗
    2024-4-28 21:38
  • 签到天数: 86 天

    [LV.6]常住居民II

    发表于 2018-6-5 22:00:18 来自手机 | 显示全部楼层
    hhuang 发表于 2018-6-5 20:50
    : U2 }/ w7 ]5 u6 W, {( K还真的是够白的啊,哈哈
    5 s, p) ~: Z4 f' i4 S+ K$ ?- T这个是论坛搞得鬼,你拷贝下来自己编辑一下就行了啊。
    4 w) \: B) g0 R( G我在共享的文件夹里放了个 ...

    / P0 R. G: k+ F" U3 Q/ L/ b& M0 h0 i3 _thank you!????多谢合作
  • TA的每日心情
    奋斗
    2024-4-28 21:38
  • 签到天数: 86 天

    [LV.6]常住居民II

    发表于 2018-6-5 22:30:49 来自手机 | 显示全部楼层
    也许是因为系统不同的原因,Windows系统和安卓都没能实现你的那个正面卡片一排按钮。或许是系统不支持该js代码。注意到你使用的是macos。
  • TA的每日心情
    奋斗
    2024-4-28 21:38
  • 签到天数: 86 天

    [LV.6]常住居民II

    发表于 2018-6-5 22:36:39 来自手机 | 显示全部楼层
    葫,我还是不要折腾了,这样下去只是更多地浪费时间,还不如老老实实地多刷卡片呢
  • TA的每日心情
    奋斗
    2018-10-10 14:31
  • 签到天数: 61 天

    [LV.6]常住居民II

    发表于 2018-6-5 23:04:30 | 显示全部楼层
    语音库需要另外下载吗?
  • TA的每日心情

    2018-4-23 09:34
  • 签到天数: 4 天

    [LV.2]偶尔看看I

     楼主| 发表于 2018-6-6 09:58:33 | 显示全部楼层
    ankifyh 发表于 2018-6-5 22:36
    * K6 |( r0 G$ ~/ g  r; r葫,我还是不要折腾了,这样下去只是更多地浪费时间,还不如老老实实地多刷卡片呢 ...

    8 J: d, w) z- [8 F+ X: ^我重新导出并上传了这个库,你再下载一下,应该不用做任何修改就OK了。你再试试。9 `' i. w4 Q, X# |& `
    我也只能帮你这么多了,
  • TA的每日心情
    开心
    2018-8-7 13:14
  • 签到天数: 10 天

    [LV.3]偶尔看看II

    发表于 2018-6-6 21:01:29 来自手机 | 显示全部楼层
    感谢楼主分享。。。。
  • TA的每日心情
    奋斗
    2024-4-28 21:38
  • 签到天数: 86 天

    [LV.6]常住居民II

    发表于 2018-6-7 08:18:05 | 显示全部楼层

    9 B8 k% E4 ~- Z8 c+ f: h# @重新下载并导入了 结果还是一样的,所以这应该是不同操作系统对Java脚本的支持度不一样造成的。
  • TA的每日心情
    无聊
    2020-4-25 16:56
  • 签到天数: 3 天

    [LV.2]偶尔看看I

    发表于 2018-6-9 16:35:25 | 显示全部楼层
    确实漂亮,但是在安卓手机上看,字体有点小!谢谢分享!
  • TA的每日心情
    奋斗
    2025-4-16 03:54
  • 签到天数: 1989 天

    [LV.Master]伴坛终老

    发表于 2018-6-10 11:47:58 | 显示全部楼层
    感谢分享!3 J7 v6 N5 ~& v& r: j4 v) t( S- R
    这个版本的朗文很精悍啊,原版论坛上有吗?
      k5 b' i; o' O7 P9 S% c- C! R
  • TA的每日心情

    2024-2-29 09:26
  • 签到天数: 343 天

    [LV.8]以坛为家I

    发表于 2018-6-10 13:08:50 | 显示全部楼层
    貌似很好的东西,谢谢真的非常不错,是不是很大的一个文件?
  • TA的每日心情
    无聊
    2018-8-7 20:07
  • 签到天数: 21 天

    [LV.4]偶尔看看III

    发表于 2018-6-11 10:54:04 | 显示全部楼层
    太棒啦,谢谢楼主!!!感恩!!LDOCE5
    您需要登录后才可以回帖 登录 | 免费注册

    本版积分规则

    小黑屋|手机版|Archiver|PDAWIKI |网站地图

    GMT+8, 2025-5-10 23:27 , Processed in 0.024584 second(s), 16 queries .

    Powered by Discuz! X3.4

    © 2001-2023 Discuz! Team.

    快速回复 返回顶部 返回列表