html里的一段p里带杠n的文本，如何将其放在数组的单引号里正常识别

40252492

本帖最后由 40252492 于 2023-4-15 23:15 编辑

实例网址
https://dulst.com/overdulst/cards/48075874/Resonance-Dragon
油猴脚本
https://greasyfork.org/zh-CN/scripts/450728-dulst-com%E7%9A%84cardfighit-vanguard-overdulst%E6%96%87%E6%9C%AC%E6%9B%BF%E6%8D%A2%E6%B1%89%E5%8C%96
实例截图：

请看，这段p的文本里有一个杠n，我的JS脚本里有一个数组，是原文和英文，示意如下
const fanyi2 = {
'Dev note:\nCurrently bugged, will get to fixing soon.': '开发说明：目前有bug，很快就会修复。',
};

选择器是包含的，其他卡的这段字我检查一下
选择器：.desc div

我尝试过一些写法，都不行

刚才群里有个大佬说让我把杠n改成英文书名号套着的br，我试一下啊

试了一下没好。。。

shabby

有没有可能是你的代码位置写错了

你把 '.desc div'+ 从 xunanzeqi3 移动到 xunanzeqi2 后面试试

---

还有你这个文件太大了，越来越难维护，找个 bug 都要上下来回移动很多行

随便找个构建工具模块化构建吧，会轻松很多的

cxxjackie

看了一下，你放错地方了，用xuanzeqi3去识别fanyi2里的文本，挪个位置就正常了。

40252492

本帖最后由 40252492 于 2023-4-15 23:28 编辑

有没有可能是你的代码位置写错了

!(https://user-images.githubusercontent.com/38517192/232223514-7 ...[/quote]
谢谢您帮我找到了BUG，我完全没有想到会是这样。

===碎碎念，可以不看===
我有数组123和选择器123，卡文下面的备注（就是禁限卡表和说明）我放到“选择器3”里了，但是其文本在的数组“翻译2”里
这是我在考虑了未来无线增长的卡池（文本数量）之后，按照上一个提问帖的大佬的建议【将数组和选择器拆分成了3部分，把最多的卡名和卡文单拎出来放2个选择器】之后造成的。
简单来说就是选择器和文本没对上。。。{:4_89:}

======看这里啦↓Q3Q
然后，现在数组1有1300行，数组2有1500行，每次更新不只是在底部增加，中间也会加，所以每次更新我都会从数组的头扩到尾，从excel里把公式合成的结果粘过来。
数组1和2的行数平均每3个月共计会增加300行，我确实很需要“找个构建工具来模块化构建”，但是我不是从事这个行业的，我不知道有什么好用的，能请您推荐我一个您惯用或者适合我的吗？{:4_113:}谢谢/p>

40252492

cxxjackie 发表于 2023-4-15 21:33
看了一下，你放错地方了，用xuanzeqi3去识别fanyi2里的文本，挪个位置就正常了。 ...

哈哈哈，又见面了大佬，缘分啊！（因为咱们比较熟，加上他先来的，我就采纳他了哦Q3Q）

这个问题是我采纳了您的建议【将数组和选择器拆分成了3部分，把最多的卡名和卡文单拎出来放2个选择器】之后造成的，是我疏忽了。
然后楼上的推荐的“找个构建工具来模块化构建”，您有什么推荐的嘛QvQ

shabby

40252492 发表于 2023-4-15 23:27

谢谢您帮我找到了BUG，我完全没有想到会是这样。

===碎碎念，可以不看===

我确实很需要“找个构建工具来模块化构建”，但是我不是从事这个行业的，我不知道有什么好用的，能请您推荐我一个您惯用或者适合我的吗？

你可以使用 vite-plugin-monkey 来构建

我是这个项目的作者，有什么问题可以在 discussions 提出

cxxjackie

40252492 发表于 2023-4-15 23:34
哈哈哈，又见面了大佬，缘分啊！（因为咱们比较熟，加上他先来的，我就采纳他了哦Q3Q）

这个问题是我采 ...

工具这个你还是请教作者吧，其实油猴本身也有解决方案，就是把翻译文本抽离出来作为外部资源引入，比如以库的形式上传到gf，然后脚本去引用他。假设你的翻译库叫translation.js，这是库内容：

1. var translation = `
   
2. .class1
   
3. English1
   
4. 中文1
   
5. English2
   
6. 中文2
   
7. 
   
8. .class2
   
9. English3
   
10. 中文3
    
11. English4
    
12. 中文4
    
13. `;

复制代码

按选择器分好类，然后选择器之间用一个空行隔开。这是脚本内容：

1. // ==UserScript==
   
2. // ...
   
3. // @require      .../translation.js
   
4. // ==/UserScript==
   
5. 
   
6. (function() {
   
7.     'use strict';
   
8.     for (const str of translation.trim().split('\n\n')) {
   
9.         const parts = str.split('\n');
   
10.         const selector = parts.shift();
    
11.         const en = parts.filter((v, k) => k % 2 === 0);
    
12.         const ch = parts.filter((v, k) => k % 2 !== 0);
    
13.         elmGetter.each(selector, el => {
    
14.             const index = en.indexOf(el.innerText);
    
15.             if (index > -1) {
    
16.                 el.innerText = ch[index];
    
17.             }
    
18.         });
    
19.     }
    
20. })();

复制代码

这个就是把翻译文本解析成需要的格式，涉及一些数组操作。更新的时候是先更新你的库，然后脚本里改引用的库版本号即可。