使用DokuWiki XML-RPC API的getPageHTML如何获取图片完整URL？

你可以通过以下几种方式实现图片路径转为完整URL：

1. 前端处理（适合纯前端嵌入场景） #

拿到wiki.getPageHTML返回的HTML后，在前端通过DOM操作批量修改img标签的src属性：

// 假设从API获取到的HTML内容存在htmlContent变量中
const tempContainer = document.createElement('div');
tempContainer.innerHTML = htmlContent;
// 替换所有相对路径的图片链接
const wikiFullBase = 'https://testwiki.com/mywiki'; // 你的DokuWiki完整根地址
tempContainer.querySelectorAll('img').forEach(img => {
  if (img.getAttribute('src')?.startsWith('/')) {
    img.setAttribute('src', `${wikiFullBase}${img.getAttribute('src')}`);
  }
});
// 处理后的HTML即可用于tooltip渲染
const finalHtml = tempContainer.innerHTML;

2. 后端处理（如果你的Web应用有后端服务） #

如果应用有后端，可以在接收API返回的HTML后，用字符串替换或DOM解析工具处理图片路径：

• 示例（PHP DOM解析）：

$html = file_get_contents('DOKUWIKI_API_URL'); // 调用API获取HTML
$dom = new DOMDocument();
libxml_use_internal_errors(true); // 忽略HTML解析警告
$dom->loadHTML($html);
libxml_clear_errors();
$imgs = $dom->getElementsByTagName('img');
$baseUrl = 'https://testwiki.com/mywiki';
foreach ($imgs as $img) {
  $src = $img->getAttribute('src');
  if (str_starts_with($src, '/')) {
    $img->setAttribute('src', $baseUrl . $src);
  }
}
$processedHtml = $dom->saveHTML();

• 正则快速替换（注意：正则处理复杂HTML有局限性，优先用DOM解析）：

$processedHtml = preg_replace('/<img\s+src="\/mywiki/', '<img src="https://testwiki.com/mywiki', $html);

3. 修改DokuWiki配置（全局生效） #

直接修改DokuWiki的conf/local.php配置文件，设置完整的base URL，这样生成的所有链接（包括图片）都会是绝对路径：

$conf['baseurl'] = 'https://testwiki.com/mywiki';

此方法会影响整个Wiki的链接输出，需确认符合全局需求。

内容的提问来源于stack exchange，提问作者mikexmagic