reiver
/
ziba-js
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

title="" -> name=""

master
Charles Iliya Krempeaux 2023-11-16 18:43:26 -08:00
parent f01a7e1f9d
commit 77f923baf2
3 changed files with 9 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

@ -22,7 +22,7 @@ Here is an example usage of **ziba.js**:
Notice that the text and the href are the same. Notice that the text and the href are the same.
</p> </p>
<p> <p>
Here is another one <ziba-link title="four">fource</ziba-link> Here is another one <ziba-link name="four">fource</ziba-link>
This ziba tag will get turned into <a href="./four">fource</a> This ziba tag will get turned into <a href="./four">fource</a>
Notice that the href now has the value of the title of the ziba-link Notice that the href now has the value of the title of the ziba-link
</p> </p>

6
ziba.js
View File

@ -67,9 +67,9 @@ function transform_link(rootElement) {
anchor.innerHTML = element.innerHTML anchor.innerHTML = element.innerHTML
let ref = element.innerText let ref = element.innerText
const elementTitle = element.getAttribute("title") const elementName = element.getAttribute("name")
if (elementTitle) { if (elementName) {
ref = elementTitle ref = elementName
} }
const transform = element.getAttribute("transform") const transform = element.getAttribute("transform")

12
ziba_test.js
View File

@ -44,26 +44,26 @@ function testTransform() {
{ {
html:'<ziba-link title="one">once</ziba-link>', html:'<ziba-link name="one">once</ziba-link>',
expected:'<a href="./one">once</a>', expected:'<a href="./one">once</a>',
}, },
{ {
html:'<ziba-link title="two">twice</ziba-link>', html:'<ziba-link name="two">twice</ziba-link>',
expected:'<a href="./two">twice</a>', expected:'<a href="./two">twice</a>',
}, },
{ {
html:'<ziba-link title="three">thrice</ziba-link>', html:'<ziba-link name="three">thrice</ziba-link>',
expected:'<a href="./three">thrice</a>', expected:'<a href="./three">thrice</a>',
}, },
{ {
html:'<ziba-link title="four">fource</ziba-link>', html:'<ziba-link name="four">fource</ziba-link>',
expected:'<a href="./four">fource</a>', expected:'<a href="./four">fource</a>',
}, },
{ {
html:'<ziba-link title="1 2 3 4">ONCE TWICE THRICE FOURCE</ziba-link>', html:'<ziba-link name="1 2 3 4">ONCE TWICE THRICE FOURCE</ziba-link>',
expected:'<a href="./1 2 3 4">ONCE TWICE THRICE FOURCE</a>', expected:'<a href="./1 2 3 4">ONCE TWICE THRICE FOURCE</a>',
}, },
@ -285,7 +285,6 @@ function testTransform() {
}, },
] ]
tests.forEach(function(test, testNumber){ tests.forEach(function(test, testNumber){
if (undefined === ziba.transform) { if (undefined === ziba.transform) {
console.error("[test-tramsform] For test", testNumber, "ziba.transform is undefined.") console.error("[test-tramsform] For test", testNumber, "ziba.transform is undefined.")
@ -312,5 +311,4 @@ function testTransform() {
console.log("[test-tramsform] Test №", testNumber, "passed.") console.log("[test-tramsform] Test №", testNumber, "passed.")
}) })
} }