html里的一段p里带杠n的文本，如何将其放在数组的单引号里正常识别
本帖最后由 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
实例截图：
!(data/attachment/forum/202304/15/194903hpx9b9pyyzjyybyv.png)
请看，这段p的文本里有一个杠n，我的JS脚本里有一个数组，是原文和英文，示意如下
const fanyi2 = {
'Dev note:\nCurrently bugged, will get to fixing soon.': '开发说明：目前有bug，很快就会修复。',
};
选择器是包含的，其他卡的这段字我检查一下
选择器：.desc div
我尝试过一些写法，都不行
!(data/attachment/forum/202304/15/195423e9isk94kl3mx4kkp.png)
刚才群里有个大佬说让我把杠n改成英文书名号套着的br，我试一下啊
!(data/attachment/forum/202304/15/195534o5d5zssdabs3sf29.png)
试了一下没好。。。
 有没有可能是你的代码位置写错了
!(https://user-images.githubusercontent.com/38517192/232223514-7d78e6d0-5454-416f-8c77-369d2965430c.png)
你把 `'.desc div'+` 从 `xunanzeqi3` 移动到 `xunanzeqi2` 后面试试
---
还有你这个文件太大了，越来越难维护，找个 bug 都要上下来回移动很多行
随便找个构建工具模块化构建吧，会轻松很多的 看了一下，你放错地方了，用xuanzeqi3去识别fanyi2里的文本，挪个位置就正常了。 本帖最后由 40252492 于 2023-4-15 23:28 编辑
shabby 发表于 2023-4-15 20:31
有没有可能是你的代码位置写错了
!(https://user-images.githubusercontent.com/38517192/232223514-7 ...
谢谢您帮我找到了BUG，我完全没有想到会是这样。
===碎碎念，可以不看===
我有数组123和选择器123，卡文下面的备注（就是禁限卡表和说明）我放到“选择器3”里了，但是其文本在的数组“翻译2”里
这是我在考虑了未来无线增长的卡池（文本数量）之后，按照上一个提问帖的大佬的建议【将数组和选择器拆分成了3部分，把最多的卡名和卡文单拎出来放2个选择器】之后造成的。
简单来说就是选择器和文本没对上。。。{:4_89:}
======看这里啦↓Q3Q
然后，现在数组1有1300行，数组2有1500行，每次更新不只是在底部增加，中间也会加，所以每次更新我都会从数组的头扩到尾，从excel里把公式合成的结果粘过来。
数组1和2的行数平均每3个月共计会增加300行，我确实很需要“找个构建工具来模块化构建”，但是我不是从事这个行业的，我不知道有什么好用的，能请您推荐我一个您惯用或者适合我的吗？{:4_113:}谢谢！
cxxjackie 发表于 2023-4-15 21:33
看了一下，你放错地方了，用xuanzeqi3去识别fanyi2里的文本，挪个位置就正常了。 ...
哈哈哈，又见面了大佬，缘分啊！（因为咱们比较熟，加上他先来的，我就采纳他了哦Q3Q）
这个问题是我采纳了您的建议【将数组和选择器拆分成了3部分，把最多的卡名和卡文单拎出来放2个选择器】之后造成的，是我疏忽了。
然后楼上的推荐的“找个构建工具来模块化构建”，您有什么推荐的嘛QvQ 40252492 发表于 2023-4-15 23:27
谢谢您帮我找到了BUG，我完全没有想到会是这样。
===碎碎念，可以不看===
> 我确实很需要“找个构建工具来模块化构建”，但是我不是从事这个行业的，我不知道有什么好用的，能请您推荐我一个您惯用或者适合我的吗？
你可以使用 (https://github.com/lisonge/vite-plugin-monkey.git) 来构建
我是这个项目的作者，有什么问题可以在 (https://github.com/lisonge/vite-plugin-monkey/discussions) 提出
40252492 发表于 2023-4-15 23:34
哈哈哈，又见面了大佬，缘分啊！（因为咱们比较熟，加上他先来的，我就采纳他了哦Q3Q）
这个问题是我采 ...
工具这个你还是请教作者吧，其实油猴本身也有解决方案，就是把翻译文本抽离出来作为外部资源引入，比如以库的形式上传到gf，然后脚本去引用他。假设你的翻译库叫translation.js，这是库内容：
var translation = `
.class1
English1
中文1
English2
中文2
.class2
English3
中文3
English4
中文4
`;
按选择器分好类，然后选择器之间用一个空行隔开。这是脚本内容：
// ==UserScript==
// ...
// @require .../translation.js
// ==/UserScript==
(function() {
'use strict';
for (const str of translation.trim().split('\n\n')) {
const parts = str.split('\n');
const selector = parts.shift();
const en = parts.filter((v, k) => k % 2 === 0);
const ch = parts.filter((v, k) => k % 2 !== 0);
elmGetter.each(selector, el => {
const index = en.indexOf(el.innerText);
if (index > -1) {
el.innerText = ch;
}
});
}
})();
这个就是把翻译文本解析成需要的格式，涉及一些数组操作。更新的时候是先更新你的库，然后脚本里改引用的库版本号即可。
页:
[1]