편집 요약 없음 |
편집 요약 없음 |
||
1번째 줄: | 1번째 줄: | ||
local p = {} | local p = {} | ||
function escape_html(text) | -- HTML 특수문자 이스케이프 | ||
local function escape_html(text) | |||
return text | return text | ||
:gsub("&", "&") | :gsub("&", "&") | ||
12번째 줄: | 13번째 줄: | ||
function p.main(frame) | function p.main(frame) | ||
local args = frame:getParent().args | local args = frame:getParent().args | ||
-- 필수 인자 | |||
local light = args[1] or '' | local light = args[1] or '' | ||
local dark = args[2] or '' | local dark = args[2] or '' | ||
local width = escape_html(args[3] or '') | local width = escape_html(args[3] or '') | ||
-- 선택 인자 | |||
local alt = escape_html(args['alt'] or '') | local alt = escape_html(args['alt'] or '') | ||
local | local raw_link = args['link'] or '' | ||
local class = escape_html(args['class'] or '') | local class = escape_html(args['class'] or '') | ||
local style = escape_html(args['style'] or '') | local style = escape_html(args['style'] or '') | ||
24번째 줄: | 29번째 줄: | ||
end | end | ||
-- 파일 경로 처리 | |||
local lighturl = escape_html(frame:callParserFunction('filepath', light)) | local lighturl = escape_html(frame:callParserFunction('filepath', light)) | ||
local darkurl = '' | local darkurl = '' | ||
30번째 줄: | 36번째 줄: | ||
end | end | ||
-- 링크 인코딩 및 내부링크 처리 | |||
local link = '' | |||
if raw_link ~= '' then | |||
link = '/wiki/index.php/' .. mw.uri.encode(raw_link, 'WIKI') | |||
end | |||
-- 이미지 구성 | |||
local html = {} | local html = {} | ||
table.insert(html, '<div class="image-switch-wrapper">') | table.insert(html, '<div class="image-switch-wrapper">') | ||
local function make_img(src, img_class) | |||
local tag = '<img src="' .. src .. '" class="' .. img_class | |||
if class ~= '' then tag = tag .. ' ' .. class end | |||
tag = tag .. '"' | |||
if width ~= '' then tag = tag .. ' width="' .. width .. '"' end | |||
if alt ~= '' then tag = tag .. ' alt="' .. alt .. '"' end | |||
if style ~= '' then tag = tag .. ' style="' .. style .. '"' end | |||
tag = tag .. '>' | |||
return tag | |||
end | |||
-- | local light_img = make_img(lighturl, 'light-mode-img') | ||
local | local dark_img = darkurl ~= '' and make_img(darkurl, 'dark-mode-img') or '' | ||
if link ~= '' then | if link ~= '' then | ||
table.insert(html, '<a href=" | table.insert(html, '<a href="' .. link .. '">' .. light_img .. dark_img .. '</a>') | ||
else | else | ||
table.insert(html, | table.insert(html, light_img .. dark_img) | ||
end | end | ||
2025년 4월 8일 (화) 09:28 판
이 모듈에 대한 설명문서는 모듈:ImageSwitch/설명문서에서 만들 수 있습니다
local p = {}
-- HTML 특수문자 이스케이프
local function escape_html(text)
return text
:gsub("&", "&")
:gsub("<", "<")
:gsub(">", ">")
:gsub("\"", """)
:gsub("'", "'")
end
function p.main(frame)
local args = frame:getParent().args
-- 필수 인자
local light = args[1] or ''
local dark = args[2] or ''
local width = escape_html(args[3] or '')
-- 선택 인자
local alt = escape_html(args['alt'] or '')
local raw_link = args['link'] or ''
local class = escape_html(args['class'] or '')
local style = escape_html(args['style'] or '')
if light == '' then
return '<strong class="error">라이트모드 이미지가 필요합니다.</strong>'
end
-- 파일 경로 처리
local lighturl = escape_html(frame:callParserFunction('filepath', light))
local darkurl = ''
if dark and mw.text.trim(dark) ~= '' then
darkurl = escape_html(frame:callParserFunction('filepath', dark))
end
-- 링크 인코딩 및 내부링크 처리
local link = ''
if raw_link ~= '' then
link = '/wiki/index.php/' .. mw.uri.encode(raw_link, 'WIKI')
end
-- 이미지 구성
local html = {}
table.insert(html, '<div class="image-switch-wrapper">')
local function make_img(src, img_class)
local tag = '<img src="' .. src .. '" class="' .. img_class
if class ~= '' then tag = tag .. ' ' .. class end
tag = tag .. '"'
if width ~= '' then tag = tag .. ' width="' .. width .. '"' end
if alt ~= '' then tag = tag .. ' alt="' .. alt .. '"' end
if style ~= '' then tag = tag .. ' style="' .. style .. '"' end
tag = tag .. '>'
return tag
end
local light_img = make_img(lighturl, 'light-mode-img')
local dark_img = darkurl ~= '' and make_img(darkurl, 'dark-mode-img') or ''
if link ~= '' then
table.insert(html, '<a href="' .. link .. '">' .. light_img .. dark_img .. '</a>')
else
table.insert(html, light_img .. dark_img)
end
table.insert(html, '</div>')
return table.concat(html)
end
return p