掌上百科 - PDAWIKI

 找回密码
 免费注册

QQ登录

只需一步,快速开始

楼主: hhuang

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

    [复制链接]
  • TA的每日心情

    2022-5-24 05:14
  • 签到天数: 85 天

    [LV.6]常住居民II

    发表于 2018-6-5 02:52:02 | 显示全部楼层
    非常感谢,试一下
  • TA的每日心情

    2022-5-24 05:14
  • 签到天数: 85 天

    [LV.6]常住居民II

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

    2022-5-24 05:14
  • 签到天数: 85 天

    [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+ t2 M3 y% j1 O+ d9 u& a$ k3 w: q
    你所发布的代码包含很多乱码,请问能单独复制一份TXT给我吗?十分感谢!!!在下邮箱 ...
    ' x* G$ M8 n( y5 _; z4 B
    Front Template:$ g: e* g6 y6 e, U
    1. <div id="front">
      # P! t9 z5 D+ \* s5 H2 Q

    2. , y* y' a# b# ^7 o1 s
    3.   <div class="headbar">{{Deck}}</div>( X/ K& d. p! M- G5 g% Q$ d" {
    4.   <div id="word">
      ) ~1 o! I+ ?6 C! c
    5.     {{单词}}- H3 D8 [. O' p( A
    6.     <span id="rank">&nbsp;&nbsp;&nbsp;&nbsp;{{ranking}}&nbsp;&nbsp;&nbsp;&nbsp;</span><span id='example_audios'></span>, a9 P; X' ?. r- G5 `" ]2 q" w
    7.   </div>
      $ y4 T' f: p% M! B
    8.   <div class="yongfa">5 ~8 U+ h! ^& x7 a# T" y
    9.     {{用法}}# s) {9 q& n) i' O
    10.   </div>5 N5 |1 ]  p0 C! W7 o9 X  ^' g

    11. % y. w0 u7 {% q4 N6 W( T  o+ A6 a
    12.   <div id="back">
      $ `, ~( u8 I6 H
    13.     <div class="headbar">有道词典&nbsp;&nbsp;基本释义</div>
      1 H* ~$ x$ ]6 a! d  O; T8 R
    14.     <div class="shiyi_youdao">  v- q* |. M  ?; l0 h8 ~
    15.       {{shiyi_youdao}}3 s  T& M9 A0 y- s
    16.     </div>
      ; [$ s! n8 x. ~/ f4 L- C
    17. , T6 E6 \8 Z0 E
    18.     <div class="headbar">LDOCE6</div>
      / d$ f" c6 `1 O7 O) M
    19.     <div id="ldoce6">
      ( F+ {- }! q5 P: ^) t: {1 Y
    20.     {{LDOCE6}}
      4 ~: u* G: i% Z8 T1 ~
    21.     </div>: N2 I- U  x) j
    22. 7 Y6 g" p2 y, y! d
    23.     <script type="text/javascript">
      $ e) V" t, ?0 G- o5 w
    24.       // format yonfa/ C' x( q" q5 e3 P: |$ Z
    25.       [].forEach.call(document.querySelectorAll('.yongfa'), function (div) {
      $ m* f- B% r) k- _/ K, O% k' d
    26.         div.innerHTML = div.innerHTML; w7 J" e2 ^% V- {* ]
    27.           .replace(/[1-9]+\)/g, function (symbol) {
      9 u, c  w8 Z* c$ q* F$ m
    28.             return '<a class="hightlight" style="color:#539007;" >' + symbol + '</a>';
      + N& h+ F) o3 ]$ f8 T9 `
    29.           });2 }' [1 p2 ]$ y. y) n' B1 i
    30.       });
      $ U" p# ^6 p/ ?; [: h4 Y7 ?
    31. * }. w, ?# z9 `# ^2 ^: g1 H; k
    32.       // play the Ammerican pronouciation- X+ d2 @$ P& i2 R0 A  f- Y
    33.       var amevoice = document.getElementsByClassName("amevoice");
      5 X! k8 _  {" P" I( H
    34.       var anki_modified_code = amevoice[0].innerHTML;
      7 I6 T3 c# }& M& i8 R$ `, S( |2 `" j4 X
    35.       //var filename = '_' + anki_modified_code.split(':')[1].split(';')[0].split('_')[1].replace(/"\)/, '');;/ ~0 R+ [1 ?' O( L
    36.       var filename =  anki_modified_code.split('ankiplay')[1].split('");')[0];
      6 {/ h! b( w  [- h6 |8 a- m6 v6 O6 f) |: r
    37.       var audio = new Audio(filename);9 j- O0 Y9 a# A( x# t% v
    38.       audio.play();
      # @& |5 @+ n  V( U; U

    39. * J5 ~# f3 f# @5 Q1 q$ D, P
    40.       // add audios of the examples0 k. n( M; c, B
    41.       var examples = document.getElementsByClassName("example");
      / Y/ a& Z" l' e0 m, m' e( ]
    42.       var example_audios = "";2 K; a7 Q& m3 ?) l; B
    43.       for (var i = 0; i < examples.length; i++) {7 P, P0 V6 N5 v1 K
    44.           var e = examples[i].innerHTML;, ]3 d2 s( e  n/ r5 {' m0 x/ y6 c
    45.           var index = i + 1;( H& R; L% }) }0 p* W, @' \
    46.           if (e.search('mp3]') == -1) {  M8 h% |0 A; O
    47.             continue;" I' s% b1 E5 L/ `, Y( F! F
    48.           }' I5 @) B6 p" f# V
    49.           example_audios += index + e.split('<img')[0];
      , _7 ]) A1 j) _: c2 B
    50. //if (i>10) alerta(e.split('<img')[0]);4 d; B- M9 h. ?) q. k6 K
    51.       }
      3 J8 t. f2 K2 P% B' D6 Q* h" V: j9 \
    52.       var rank = document.getElementById("rank");; i  B& l" g$ z( S( `) P& m
    53.       rank.innerHTML += example_audios;
      9 A6 d+ U& v3 _$ U; q
    54. " E% r" z) Y1 s5 O% ~
    55.     </script>
    复制代码
    ; f  F- F, h& N4 _
    ' M% A4 O0 U/ ?$ e
    Styling:
    ) W$ y# r& y# s" v8 M5 I3 g
    1. /*页眉页脚全局样式*/
      5 [7 n) F* I; x7 m3 W
    2. .headbar {/ T0 H: q: D6 c1 w8 F" G
    3.   color: #aaaaaa; /*字体颜色-白色*/+ Y' E2 T% q, l- ^, b5 p, N" L
    4.   padding: 2px; /*四周留白-5px*/
      " D: F0 y) b# B3 L
    5.   text-align: center;! V( X8 H+ m5 l
    6.   font-size: 10px; /*字体大小-12px*/
      . P+ y" W; j$ |
    7.   background: #365899;, l" d8 F/ n8 y5 v
    8. }" W& `, i% G# E
    9. . R% Z" {+ C8 x1 Z0 a6 K, M
    10. body {5 m$ M2 h$ Q! }" r
    11.   background: #c7edcc;
      ' D- q% ?% Z/ G, d7 U( ^
    12. }
      . d* @) e! [/ \3 D/ R/ [7 c
    13. 7 h4 J" {' m% w0 _: p
    14. #word {2 O+ l, r9 U% D
    15.   font-size: 36px;# H$ f) B% ^4 J2 }$ ~' o  R
    16.   font-weight: bold;5 _$ z. f! q* Y$ @5 r8 O
    17.   padding: 5px 20px;
      & p: i0 J% l* u% o
    18. }# Z$ j4 u$ v6 I4 X, l  X
    19. 3 |+ v' K' j6 s% k, C
    20. #rank, #example_audios {
      / ^5 D6 {' q, y+ N. i3 j
    21.   font-size  : 12px;3 P# F8 V; k6 Q4 W
    22. }
      0 v2 A, x$ u  g- h7 H* y3 g, J

    23. / P+ B% G  e3 s! a
    24. .yongfa {
      % J8 y! t# @9 _! t$ i# {, H0 E/ B
    25.   font-style: italic;
      2 H# ]1 J. w2 @% B' I0 s
    26.   display: block;
      . Z5 V- {7 t. u! o3 \
    27.   color: blue;
        N( L6 L9 ^& A) X' C
    28.   padding: 5px 20px;8 e) \( C' y% p; r
    29.   font-size: 14px;  V  p6 l6 {# S9 z5 l6 r! H. ]
    30.   line-height: 1.2;0 ~8 l( Q0 n( t" E7 n% o
    31. }* z' k+ E- J" t! I9 D* ~! e% e

    32. # c! V; P6 ]9 h( }9 Y
    33. .shiyi_youdao {# }  X: F# U0 \/ I# w) R- D
    34.   font-style: normal;
      * e$ T3 F% }" [, i+ f
    35.   font-size: 18px;
      ' t( D! e: X6 f3 c! G5 @6 W
    36.   line-height: 1.2;
      3 K! I0 J; ]8 C" G- r
    37.   padding: 5px 20px;( `) M+ ^( g3 Q2 W* e  h: R6 l
    38. }$ k) Q* }, F/ }$ L
    39.   n6 l: Q; h$ y3 U+ r
    40. .hightlight {0 l1 @3 c0 E2 P8 t9 |: B% m4 j
    41.   font-style: italic;
      " ]# x4 r) @0 c0 _. D
    42.   font-weight: bold;
      : c6 h  i+ @# M- q$ E$ u
    43. }, B4 w1 v! t- x7 q

    44. ' c! r# V& }  n( y# k' R
    45. /*
      # k( u' e' }* B
    46. ._LDOCE6 {
      0 b' [9 L' y! L! L0 y' ~
    47.   height: 480px;
      # F* e8 S" Z! ]! B/ t# i
    48.   overflow-y: auto;
      * U* o: t( ~* x" J9 {
    49.   font-size: 14px;1 _1 R3 o# l( C. `
    50.   padding: 0px 10px;: D- A+ ~8 e: T1 _9 l5 h
    51. }
      " g4 C& f- m" x, ?8 L; Y
    52. */9 _7 J0 j- ~9 t; e& R0 k( G
    53. , L3 }" i6 S: ^% V1 T* m, H; |; {! O
    54. #ldoce6 {
        N* A/ L8 \! Q, `2 z
    55.   overflow-y: auto;* h9 g. L6 l/ ?; _* K" T
    56.   font-size: 14px;: h$ e0 n, C* p  S  ^
    57.   padding-left: 10px;! C; O4 f- `: X
    58. }
      ; l, F% t; y& }; q, _
    59. 5 m2 Z. k! \, O0 A5 Z: `0 l8 X/ V

    60. ' F) J) a0 s4 G
    61. #back {8 i4 d$ }4 q; g
    62. display: none;2 U) U4 m9 {0 J, z" q
    63. }- d0 O7 W: |$ F% X, e8 r* h

    64. * O2 ~, q  Y% e2 j* a
    65. /*
      . W7 \% l* U. k; ^# G. x, B
    66. .cixing {* p- i6 k# a! o. m& t8 U
    67.   display:inline-block;: d( d9 m8 w+ t8 o
    68.   text-align:right;$ P' u- m5 |0 u: U/ F
    69.   width:40px;9 Y/ I9 D' U) A' h3 a+ L
    70. }3 [3 f: f: G4 ^
    71. */
    复制代码
    " }* u9 R$ t. ]% @+ p

    6 J9 Z3 V  B/ v  H3 e7 K5 d8 yBack Template:2 q- g0 b. p5 d- |+ I; e6 h, `
    1. <!-- 背面区块 -->& U7 x5 B# s' P* _' I% |5 D0 b! S0 G
    2. {{FrontSide}}& w7 m- q# L6 D  M- N/ v
    3. <!-- 页眉区块 -->9 K: E" s% x8 ~( j0 z
    4. <script type="text/javascript">
      . j; s9 x- I" p- W- y9 H
    5. ; U9 |3 U( S3 k6 I3 _% i' ]
    6.   // format shiyi_youdao3 g$ M2 _, X1 B4 W3 }; M
    7.   var colorMap = {
      ! @5 e# E' D4 l* m3 u4 W
    8.     'n.': '#e3412f',
      % E2 \! I9 I; Z% G
    9.     'a.': '#f8b002',
      ; g2 \) Z' P3 L4 q8 n
    10.     'adj.': '#f8b002',
      % H2 b% ^: [3 P6 F2 w  }
    11.     'ad.': '#684b9d',
      ' D2 R) f( z# j
    12.     'adv.': '#684b9d',4 f. Y- Z* D8 d  b/ q. U$ Z$ ?
    13.     'v.': '#539007',
      * C7 L# _' M1 p9 Z
    14.     'vi.': '#539007',8 g' k/ H3 n4 ~0 H: n& b# Q4 V
    15.     'vt.': '#539007',
      / V; L* C7 P+ L9 q8 A
    16.     'prep.': '#04B7C9',/ G# g+ ~8 G) j& u1 B
    17.     'conj.': '#04B7C9',) O8 ^  B  Y. V7 ]3 O  ^
    18.     'pron.': '#04B7C9',
      1 V& z- k7 ~7 z! E4 r
    19.     'art.': '#04B7C9',! O; w3 f# I$ j4 T
    20.     'num.': '#04B7C9',
      ; L! a$ Q" A; r6 [4 Q
    21.     'int.': '#04B7C9',
      + ~  y- W2 B( e2 T4 f0 D7 ?( J  @
    22.     'interj.': '#04B7C9',
      " x, v* b. I9 Y4 S7 q. l
    23.     'modal.': '#04B7C9',+ f* Z$ s8 c+ K( I$ L) k, m
    24.     'aux.': '#04B7C9',
      . E" z% u- p) @( ~/ E
    25.     'pl.': '#D111D3',
      5 Y& C# B& d3 u& i8 n: q" F
    26.     'abbr.': '#D111D3',* E6 @) B3 g) {
    27.   };  |( F8 n. k  E% z( {
    28.   [].forEach.call(document.querySelectorAll('.shiyi_youdao'), function (div) {
      . B% t9 M8 N4 V# j
    29.     div.innerHTML = div.innerHTML
      1 x, s, C4 e+ _: U2 Y, a8 K
    30.       .replace(/\b[a-z]+\./g, function (symbol) {2 g6 q) o2 a0 |. Z& L+ c  e. D' ~
    31.         if (colorMap[symbol]) {
      1 n0 c- F4 T! C- j0 X0 F
    32.           return '<span class="cixing"><a class="hightlight" style="color:'
      2 P+ x' g8 R" ], N. H9 w
    33.             + colorMap[symbol] + ';" >' + symbol + '</a></span>';
      2 h) q$ U, D: C7 l
    34.         } else {" c) ]" f- x& i8 M" f7 q
    35.           return symbol;
      & i" ?: [7 |5 d. r+ w
    36.         }) `. w% c5 n: ?* E, r$ W. V
    37.       });
      / J$ Y% X3 W8 M0 w1 g! b# R
    38.   });
      7 e7 J& F- u+ W4 E! _
    39. ! g+ ?* g  I" V- s6 o
    40.   var back_div = document.getElementById("back");5 \6 N4 }4 ^- [- `  v
    41.   back_div.style.display = "block";/ Q! N5 M6 F  p& U, Y# J7 {9 q
    42. : D+ Y7 a3 t. e' o; u
    43.   window.addEventListener("resize", update_ldoce6_height, false);
      ; B, B6 x0 p, B; Z& K% R& ?
    44.   update_ldoce6_height();
      9 y* u- m9 N# M$ k  D, F

    45. - {# @: |: i1 _. S! {( |# J
    46.   function update_ldoce6_height() {
      5 ^! x" y* Q9 I, r( v
    47.     var ldoce6_div = document.getElementById("ldoce6");, @& a7 g5 W' w' K7 O5 J
    48.     var window_height = "innerHeight" in window ? window.innerHeight : document.documentElement.offsetHeight;/ L  v, f: A2 @
    49.     var preferred_height = window_height - ldoce6_div.offsetTop - 20;
      8 m# D6 a' P. v- m" A
    50.     ldoce6_div.style.height = preferred_height + "px";
      3 D! B) y! X8 Y
    51.   }2 ]- p/ \+ a" U" _4 g" g3 D/ i

    52. & t9 N! ?) n/ V
    53.   // test to show the file name* Z1 a1 }$ b# g4 C/ ]9 R# `) c: w
    54.   //document.getElementById("rank").innerHTML="top: " + ldoce6_div.offsetTop + "<br/>height: " + back_div.offsetHeight + "<br/>window height: " + height;
      9 j: Z6 ^- Q9 s

    55. 9 o( [: v" U/ W6 V  m! }+ f$ R- @
    56. </script>  R, E5 N" Q' X5 X1 ]& t
    57. <script src="_entry.js"></script>
    复制代码
  • TA的每日心情

    2022-5-24 05:14
  • 签到天数: 85 天

    [LV.6]常住居民II

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

    2022-5-24 05:14
  • 签到天数: 85 天

    [LV.6]常住居民II

    发表于 2018-6-5 16:53:16 | 显示全部楼层
    本帖最后由 ankifyh 于 2018-6-5 16:54 编辑
    ( F% r' ]: U$ L  B& f+ K3 Z
    5 q1 M6 C: Y" u# U我想可能是这个标签里缺点什么:<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 编辑
    / `- M1 u4 Q9 N% [% M4 D
    ankifyh 发表于 2018-6-5 16:53
      a: [$ R2 C0 \( Y7 i4 R我想可能是这个标签里缺点什么:

      V  y( U6 _5 Q; K
    $ B6 ~& ?3 N( Q5 k1 C7 F代码应该是OK的,我直接从我正在用的card里copy出来的。& x* f- m; P. `' s$ v* ^
    <span id='example_audios'></span>,这一块代码是没有用的,我原来想放在单独的span里(ID为example_audios),但后来我直接把那些按钮放到rank那个span里了。4 Z8 X- D# Q/ W- r9 V: r& P
    如果这个单词没有example,或者有example但example中没有mp3,那就没有按钮。其它情况都应该有按钮的。) U2 \. d/ R2 e) C+ T6 r; \
    你可以alert(examples)看看,自己调试一下,我就是这么看的,了解anki生成的页面的源代码,这样就容易改了。6 U  m$ w# a9 \

    6 l' Y% i9 `6 n2 z- d4 T按钮部分看这里:' b: @4 j, p' D8 |: `9 B
    1.       // add audios of the examples
      ' P( _+ a0 ~+ [( i. C! M
    2.       var examples = document.getElementsByClassName("example");
      & I2 P/ o! ^% z% o$ n' B
    3.       var example_audios = "";
      # d+ L. j9 i3 O2 p/ z# v( E
    4.       for (var i = 0; i < examples.length; i++) {! J4 X9 `5 t- N' J6 T
    5.           var e = examples[i].innerHTML;
      , n2 S# b1 Q) |8 I+ E$ l
    6.           var index = i + 1;
      5 I* H7 ]) D* P9 j
    7.           if (e.search('mp3]') == -1) {- ~- s3 `* _: H9 F( W" A( [' P
    8.             continue;0 {# ~3 C. e; r2 C/ N
    9.           }! W0 G: D3 o4 m9 S) R
    10.           example_audios += index + e.split('<img')[0];# h" _1 \" x# E' j
    11. //if (i>10) alerta(e.split('<img')[0]);# O$ J9 L  c! }) `) `
    12.       }6 P5 B. C- u, G8 P! \& J
    13.       var rank = document.getElementById("rank");
      & l; R+ ^7 x0 u+ n" C
    14.       rank.innerHTML += example_audios;
    复制代码
  • TA的每日心情

    2022-5-24 05:14
  • 签到天数: 85 天

    [LV.6]常住居民II

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

    2022-5-24 05:14
  • 签到天数: 85 天

    [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
    0 |  C) `; L9 j/ O我仔细核对了,还是没搞定,您在掌上百科上发布的代码我无法直接拷贝,能不能以文本的形式发一下,我直接复 ...

    ; H6 H/ L1 U, {  h) r- f3 n====Front Template====
    $ `1 p# b9 N6 Z5 ?+ V: ]% T<div id="front">" I) ]' C, |% l: l) b, x( N

    ( a" ~+ n- k( ~7 K  <div class="headbar">{{Deck}}</div>7 Q8 G; Q7 R* O* b: e) X" f
      <div id="word">
    ( ~/ K' i5 y% U    {{单词}}
    # v8 e  Q/ W4 F" Y- A    <span id="rank">&nbsp;&nbsp;&nbsp;&nbsp;{{ranking}}&nbsp;&nbsp;&nbsp;&nbsp;</span><span id='example_audios'></span>
    ' Q& p' m4 W/ c& D  </div>
    5 N$ c! G0 l: u9 V$ t/ F" C  <div class="yongfa">
    ! @, s5 o6 F$ S& g# L, R    {{用法}}, W. }) z% \/ b
      </div>8 P# [; v. h% T0 w1 C8 n2 G0 b% Q" l

    ! N) e5 h" f( E2 t  <div id="back">
    ; Q5 j; p- e7 X6 b/ A! D; m3 N; V2 p    <div class="headbar">有道词典&nbsp;&nbsp;基本释义</div>
    ! [; n' N8 n. ^9 r$ k& o1 p    <div class="shiyi_youdao">: a+ b+ F8 L1 f  _& A8 x" P6 j
          {{shiyi_youdao}}# R8 b7 `, a- r# r( W
        </div>: s. W! n$ m% f3 @

    * _+ [; h3 ^. I+ q6 Q- O, e9 W    <div class="headbar">LDOCE6</div>
      ?1 v: K( G  A    <div id="ldoce6">
    ! }$ l% `$ {% d# Q# d1 N    {{LDOCE6}}8 W. h4 L0 m. |" m' o. p
        </div>$ o+ c/ J# s! ]6 S# w0 o; i

    4 A9 y3 u3 P' |2 j. S+ k/ W    <script type="text/javascript">  _! m* l/ O- s4 a5 O) P1 k' Y
          // format yonfa
    , @) |' p% Z  t      [].forEach.call(document.querySelectorAll('.yongfa'), function (div) {
    + `& t2 h6 W: _# g+ P        div.innerHTML = div.innerHTML
    2 D7 C& y$ y4 O          .replace(/[1-9]+\)/g, function (symbol) {' D* |3 Z9 P% G: }" |5 O2 d) @. K% T
                return '<a class="hightlight" style="color:#539007;" >' + symbol + '</a>';' w9 v* A( F. Y6 h
              });
    1 k4 H& J9 r! s# [& w3 _      });) \- D! `! D3 X8 ?4 [9 F$ p
    8 Q; Y7 l* U, A7 l
          // play the Ammerican pronouciation
    / m$ ?  o1 h5 V      var amevoice = document.getElementsByClassName("amevoice");) A0 J+ Z+ d$ S& p5 [( s' j
          var anki_modified_code = amevoice[0].innerHTML;1 ?) i. J9 V1 z# R  E/ ?4 ^
          //var filename = '_' + anki_modified_code.split(':')[1].split(';')[0].split('_')[1].replace(/"\)/, '');;8 T; L/ \& B$ `! u
          var filename =  anki_modified_code.split('ankiplay')[1].split('\");')[0];
    % N& c) {. }2 B0 _' c9 z5 B" V      var audio = new Audio(filename);0 X# p( x1 D4 w
          audio.play();2 n. G8 [. R8 g+ N9 b
    6 T& q5 L5 p) R
          // add audios of the examples7 [8 T- i9 ?$ c* o
          var examples = document.getElementsByClassName("example");
    8 R/ b+ t5 z5 h5 A; E9 L      var example_audios = "";
    1 ?; x- X+ T& ]6 r' D* r. w0 G* n) T      for (var i = 0; i < examples.length; i++) {
    ) E* \8 j. J: _* @- d          var e = examples.innerHTML;4 d; X2 Q# q  F
              var index = i + 1;
    # C" `& A8 `" G- }) K9 h          if (e.search('mp3]') == -1) {
    5 n8 G6 l& y, y7 O: L1 d9 f0 H            continue;
    " w: Y/ k7 P' n8 _4 k          }
      b  p- P1 N/ R& H0 q          example_audios += index + e.split('<img')[0];, Y# J) y# p7 G" \, k
    //if (i>10) alerta(e.split('<img')[0]);
    # c: U& V* B# e3 H      }
    5 `  I& `, W9 P. V5 A5 H      var rank = document.getElementById("rank");+ d' ~' S9 |3 S; |
          rank.innerHTML += example_audios;- A* c# T; n/ f- {* U7 r, M! k5 V# R  T

    6 f% p- z  A8 Y) r    </script>- q# }) D1 I( D, Z
    ====
    ) T/ M9 Y. ^0 M
    ) H4 [7 x& j6 F& E: v+ `% X3 Z6 l' i====Styling====
    2 i2 t1 z  m. J7 ~) ?" A9 i# B/*页眉页脚全局样式*/
    / P  Y! [- v6 f.headbar {
    5 `8 n& Z* H* {7 ?0 \  color: #aaaaaa; /*字体颜色-白色*/
    $ V, R6 m0 x( l' |) L' q  padding: 2px; /*四周留白-5px*/, k) @7 w0 p; m8 S% z9 p
      text-align: center;
    " s, z. f. {5 x) O  font-size: 10px; /*字体大小-12px*/
    6 r5 m) Q4 F- O% l/ o3 L) V- u  background: #365899;; X' S0 W- P, I% g/ i; n* R
    }4 H  j& B* Z9 ]6 f+ @! ^

    : b0 r4 L( K" z# Y2 o* }6 {body {) {: H) v, M' V' J2 ]4 O* w
      background: #c7edcc;2 k( g* g8 j' P8 f
    }1 }8 {3 a5 s6 d- n' o% l1 e
    7 J* K: S7 v$ J8 Q0 c+ u
    #word {( t: E# f1 R2 j/ ?% n" u2 T2 X* o8 |. h
      font-size: 36px;
    . [7 I9 U; e# T1 P- M+ D. Y. e  font-weight: bold;4 s: S. ]. n: ^5 [, U0 J
      padding: 5px 20px;/ H! j% r! F! H. ^/ l" H
    }( Z- @* P. S4 b0 w) }/ j
    ; |; y' U! C5 g
    #rank, #example_audios {
    3 M& N8 z- r! s) G3 b8 }0 U  font-size  : 12px;5 y' m8 I& r+ n% z" a  H4 R5 P
    }, Z( T8 _. |1 r  N( p/ Y/ j9 W, {

    ) j+ ]5 @' E* L.yongfa {
    0 w! @! C6 @7 K$ m- O: w. _3 K! t  font-style: italic;
    ' d# V! w* z% \: ^) i  W  display: block;" w) D8 S& J+ I- I4 s7 x3 o; d
      color: blue;
    ( p; z( N2 g0 @& T3 r( o0 D  padding: 5px 20px;$ @  b& a4 |9 ~( o
      font-size: 14px;
    , M3 f. `) G  n2 D6 N  line-height: 1.2;5 N! Z) b9 ]: W- T: P" @& k
    }+ S1 D2 z$ x& x: n: m1 o

    ; E3 n7 K: `4 J, F0 l  d. B.shiyi_youdao {* n. S8 `1 ~8 R0 L' S4 q. m
      font-style: normal;2 R( o5 S9 q, m9 s9 ^: @8 ?. ?
      font-size: 18px;9 w5 g* k& F8 N+ X
      line-height: 1.2;$ i/ Q7 ~, I+ p9 N# b
      padding: 5px 20px;  N& x4 X+ V. G" n# E* \% r% j
    }7 H$ M$ H" b$ ?- y
    $ C5 j- g  p1 Y+ \7 }' d
    .hightlight {4 U% H, [: S- K, u0 d7 t' R# i
      font-style: italic;
    + f/ f. d5 @# _, m" V  u- \& l- \  font-weight: bold;
    . f, a! l! p5 w}  @/ ^4 w& P3 q4 V

    ( \/ h' m6 v, m/*
    ' h& r/ Y* @% I" b2 t$ s( N4 [( S._LDOCE6 {
    4 n& a# e% d$ \5 @0 G2 S  height: 480px;  o* s0 }/ m6 Y& d. A5 w
      overflow-y: auto;0 {1 E; t% ^& H$ E! W4 s( }& s" e
      font-size: 14px;
    : W% i6 r: [; \! g0 p  padding: 0px 10px;7 l% ~; k2 y# v
    }
    9 a: }$ X2 |, C( D6 j*/+ u" l- O3 g; s9 ?. c$ ]9 ^

    # P" X, n" r# F9 N#ldoce6 {
    / _- ^4 K$ O' Z* E. w  overflow-y: auto;' M- O& `& d+ f0 G
      font-size: 14px;/ U5 N+ y1 ~& j5 T0 B8 ^
      padding-left: 10px;
    ! }. ?5 D* Q6 _8 b}
    * R. `& G0 d- l8 ^, b" R9 F. W( l+ ]/ _# S" W" c

    ' H. M5 ?) j* ?7 E& x; |9 }#back {
    9 R* U. C0 ]& _: R9 Hdisplay: none;
    4 {" b3 W* `9 i  _$ `, w) Q" A}# n9 v% U% }! B  B* X. J  ~9 _" A  b

    & |- f; q/ R- @9 _/*
    , b- @' w! V/ O% |9 `.cixing {' r2 U. U3 U, }* x
      display:inline-block;
    2 r  O' H2 Y- T; j  text-align:right;
    5 \8 y3 j3 N- @  width:40px;
    0 m) X; n: @' n! N}) x6 L$ k. E# Z% @: J: u
    */
    8 F8 u2 c9 `2 r  h1 n8 T; M# W====
    : \) i" o. J1 g- T( E+ e& I
    # i/ L- c1 r4 [. J. i1 S====Back Template====
    % n7 \: C5 A  x2 f# }: I% o<!-- 背面区块 -->
    ! O8 R& H6 s7 Q9 e{{FrontSide}}
      |5 }; g& D+ e6 G8 C9 @<!-- 页眉区块 -->( l/ J0 }# N4 S# f& n& |
    <script type="text/javascript">
    3 U0 U% c, I, u; C0 k9 q0 \) X# H6 [' ?2 p  f
      // format shiyi_youdao
    4 {5 a  C, e! t* }# I, A% i, x  R3 C  var colorMap = {/ ^/ x( e- R- F, G7 p- T
        'n.': '#e3412f',
    " C+ `) G* r$ w) Z1 {4 N  F    'a.': '#f8b002',
    / Q# x/ H# J( N    'adj.': '#f8b002',: I& s; c6 X- U, z& q2 F% v
        'ad.': '#684b9d',4 a  U% y% j4 M0 M
        'adv.': '#684b9d',
    $ j& `. y1 T0 X, k; C# J' k    'v.': '#539007',) k) W: b+ V7 e' l% D
        'vi.': '#539007',  m* ]4 u! }! [: b- ?: a/ t
        'vt.': '#539007',
    # }9 e3 Z, q" u3 \, S3 y" `" W; t1 F    'prep.': '#04B7C9',/ y' p& e4 B6 n, P- O6 G/ O8 j
        'conj.': '#04B7C9',
    ( |$ s* T0 D1 i7 C0 R- Q# n" H    'pron.': '#04B7C9',
    7 H6 O* i9 D: L- Y    'art.': '#04B7C9',
    , J, j2 E5 X1 U    'num.': '#04B7C9',5 o2 U2 c6 R# n3 O' K1 F; }2 k$ V
        'int.': '#04B7C9'," v" c4 R; |) f' n+ q9 e
        'interj.': '#04B7C9',0 d: n- L7 \* M7 r0 u
        'modal.': '#04B7C9',
      l& I3 B: x0 T1 v! a8 P+ K    'aux.': '#04B7C9',
    6 j8 P- x. v7 I, T. ~4 e& R    'pl.': '#D111D3',
    % u- Q- W% u9 ^% h    'abbr.': '#D111D3',
    # Y3 C5 {; V$ N# g  };
    ' c$ |" v, N+ e$ E) A" x  [].forEach.call(document.querySelectorAll('.shiyi_youdao'), function (div) {0 w9 i9 l) Y& @, f- x' J
        div.innerHTML = div.innerHTML
    3 F8 l# ?! K4 z; J. c      .replace(/\b[a-z]+\./g, function (symbol) {
      m* s! m  r  X9 _8 L- t4 |' W. S  J        if (colorMap[symbol]) {+ Y# G9 z/ E# [" Z- ]5 s- [
              return '<span class="cixing"><a class="hightlight" style="color:'% `) e' S% G/ |/ b  H4 z
                + colorMap[symbol] + ';" >' + symbol + '</a></span>';
    / W, Z( N6 H8 Z0 S        } else {
    ; }9 Z3 B+ o) r, J          return symbol;
    ; u  b% q. o3 Q4 \" S& l        }
    , L  V. `8 w+ }/ h/ E; U      });
    % x& Q: ]8 w* W/ K* D, Z; u  });6 A' Y) D1 z' |; J4 e6 c

    * G; d* q; s. j  var back_div = document.getElementById("back");. w% t  C7 R) i$ L' g
      back_div.style.display = "block";  f0 s. V7 [6 U
    7 s! M! `" |' f: g1 M2 q
      window.addEventListener("resize", update_ldoce6_height, false);* d6 m1 {+ z2 F4 a) L: z
      update_ldoce6_height();
    + }" `7 U) E+ Y) c/ W& t, H  A( d6 P- A
      function update_ldoce6_height() {# |' Q" @" \3 }! K( p
        var ldoce6_div = document.getElementById("ldoce6");; E5 U' }) Y2 \* a
        var window_height = "innerHeight" in window ? window.innerHeight : document.documentElement.offsetHeight;0 U, i" ]# @4 i
        var preferred_height = window_height - ldoce6_div.offsetTop - 20;
    ; p& M2 r( H) G" W8 G- ]    ldoce6_div.style.height = preferred_height + "px";
    + @2 a( j8 u7 E( N- M  }
    3 H( W/ D: X2 S% @$ h; B- c1 h, |! }& p$ g6 D0 ^
      // test to show the file name
    4 g6 r% |+ l% ?$ X  //document.getElementById("rank").innerHTML="top: " + ldoce6_div.offsetTop + "<br/>height: " + back_div.offsetHeight + "<br/>window height: " + height;0 F/ Z9 Q1 k, {
    ) T& y, R) m1 E+ B
    </script>% z0 W4 U  O( `6 g
    <script src="_entry.js"></script>7 ~5 k/ _! [) E9 q# e5 Y
    ====
  • TA的每日心情

    2022-5-24 05:14
  • 签到天数: 85 天

    [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
    * ?, r  b/ S: n. m我复制时的实际效果是这样的,如图所示,我也不知道要怎样才能不选中后面的文字。我不太懂js,只是个小白, ...
    ; z3 D# L3 ^/ m+ r" M
    还真的是够白的啊,哈哈
    # v/ B% h0 a+ J0 N5 m这个是论坛搞得鬼,你拷贝下来自己编辑一下就行了啊。
    $ Y8 {/ ?) g1 m. r我在共享的文件夹里放了个txt文件,你去取一下吧。
  • TA的每日心情

    2022-5-24 05:14
  • 签到天数: 85 天

    [LV.6]常住居民II

    发表于 2018-6-5 22:00:18 来自手机 | 显示全部楼层
    hhuang 发表于 2018-6-5 20:50
    ' a. Y; e, L' c# G2 Q还真的是够白的啊,哈哈
    : H* J& E5 ~3 Z: F5 B- |9 l这个是论坛搞得鬼,你拷贝下来自己编辑一下就行了啊。
    " m, {) B. N  M5 \我在共享的文件夹里放了个 ...
    2 R0 }! L! p& C  n1 d5 k; d
    thank you!????多谢合作
  • TA的每日心情

    2022-5-24 05:14
  • 签到天数: 85 天

    [LV.6]常住居民II

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

    2022-5-24 05:14
  • 签到天数: 85 天

    [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:367 m/ z8 K- P8 u" w* v8 b
    葫,我还是不要折腾了,这样下去只是更多地浪费时间,还不如老老实实地多刷卡片呢 ...

    $ [1 W1 G. P6 ?2 s! k) s我重新导出并上传了这个库,你再下载一下,应该不用做任何修改就OK了。你再试试。& f5 M% L7 c" d! Z
    我也只能帮你这么多了,
  • TA的每日心情
    开心
    2018-8-7 13:14
  • 签到天数: 10 天

    [LV.3]偶尔看看II

    发表于 2018-6-6 21:01:29 来自手机 | 显示全部楼层
    感谢楼主分享。。。。
  • TA的每日心情

    2022-5-24 05:14
  • 签到天数: 85 天

    [LV.6]常住居民II

    发表于 2018-6-7 08:18:05 | 显示全部楼层
    , a) w7 ?4 ?0 N! |! \9 ]) f6 h
    重新下载并导入了 结果还是一样的,所以这应该是不同操作系统对Java脚本的支持度不一样造成的。
  • TA的每日心情
    无聊
    2020-4-25 16:56
  • 签到天数: 3 天

    [LV.2]偶尔看看I

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

    [LV.Master]伴坛终老

    发表于 2018-6-10 11:47:58 | 显示全部楼层
    感谢分享!
    ) j  F8 p4 ~8 N3 l( T( ^这个版本的朗文很精悍啊,原版论坛上有吗?  T+ w  i, B% u: h
  • 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, 2024-4-27 01:08 , Processed in 0.110470 second(s), 4 queries , MemCache On.

    Powered by Discuz! X3.4

    Copyright © 2001-2023, Tencent Cloud.

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