mirror of
https://gitlab.com/octtspacc/OcttKB
synced 2025-04-14 07:21:57 +02:00
OcttKB Cross-Repo Sync (HTML to Raw)
This commit is contained in:
parent
d49724d698
commit
434b9dcaad
@ -1,6 +1,6 @@
|
||||
created: 20230206113426599
|
||||
creator: Octt
|
||||
modified: 20240129233143233
|
||||
modified: 20240204160124125
|
||||
modifier: Octt
|
||||
tags:
|
||||
title: TiddlyWiki/ThirdParty
|
||||
@ -22,6 +22,8 @@ title: TiddlyWiki/ThirdParty
|
||||
* [[The public musings of Soren Bjornstad (Zettelkasten)|https://zettelkasten.sorenbjornstad.com]]
|
||||
* [[TiddlyMap|http://tiddlymap.org]] --- //Map drawing and topic visualization for your wiki!// --- [[[Git|https://github.com/felixhayashi/TW5-TiddlyMap]]]
|
||||
* [[TiddlySeq|https://gk0wk.github.io/TiddlySeq/]] --- //Logseq-like TiddlyWiki Template// --- <<[ "[[Git|https://github.com/Gk0Wk/TiddlySeq]]">>
|
||||
* [[TiddlyTables|https://tiddlytables.tiddlyspot.com/]] --- //plugin for building advanced sortable tables//, with built-in specific //Task-Manager//
|
||||
** [[[TW5] Introducing TiddlyTables a plugin for creating sortable tables|https://groups.google.com/g/tiddlywiki/c/VFf0ZJW_Noo]]
|
||||
* [[TiddlyTools for TW5|https://tiddlytools.com/]] --- //Small Tools for Big Ideas!™//
|
||||
* [[Tobias Beer's Plugins and Resources|https://tobibeer.github.io]] --- [[[Profile|https://tobibeer.github.io/tb5/#Tobias%20Beer]]] [[[Git|https://github.com/tobibeer]]]
|
||||
* [[TW5 CPL Wiki|https://tw-cpl.netlify.app]] --- //TiddlyWiki5 Plugin Library for TiddlyWiki Chinese Communities// --- <<[ "[[Drag to install|$:/config/TiddlyWiki-CPL/GitHub]]">>
|
||||
|
@ -1,6 +1,6 @@
|
||||
created: 20230221204801305
|
||||
creator: Octt
|
||||
modified: 20240202000534255
|
||||
modified: 20240204155347184
|
||||
modifier: Octt
|
||||
tags:
|
||||
title: Web/Development
|
||||
@ -47,6 +47,7 @@ title: Web/Development
|
||||
** [[The Vanilla JS Toolkit|https://vanillajstoolkit.com/]] - //tools and snippets for working with JavaScript// (libraries, functions, polyfills, learning)
|
||||
* [[Web Accessibility Developer Guide|https://www.accessibility-developer-guide.com/]]
|
||||
* [[Using <style> tags in the <body> with other HTML|https://stackoverflow.com/questions/2830296/using-style-tags-in-the-body-with-other-html]] --- there once was a `scoped` attribute for `<style>` blocks, but it's nowadays deprecated and styles apply to all document elements despite their own position in the tree
|
||||
* [[How do I disable the resizable property of a textarea?|https://stackoverflow.com/questions/5235142/how-do-i-disable-the-resizable-property-of-a-textarea]] --- CSS `resize: none;`
|
||||
|
||||
* [[MDX|https://mdxjs.com/]] --- //Markdown for the component era//
|
||||
|
||||
|
@ -1,113 +1,8 @@
|
||||
created: 20240203164756269
|
||||
creator: Octt
|
||||
modified: 20240204112212512
|
||||
modified: 20240204123631907
|
||||
modifier: Octt
|
||||
tags:
|
||||
tags: Fediverse
|
||||
title: Fediverse Frontends Comparison
|
||||
|
||||
\define FilterRangeIndirect() [range[$(filterRangeStart)$,$(filterRangeEnd)$]]
|
||||
|
||||
\define TableEditable()
|
||||
<$let
|
||||
callerTiddler=<<currentTiddler>>
|
||||
dataTiddler={{{[<callerTiddler>addprefix[$:/Data/TableEditable/]]}}}
|
||||
tempTiddler={{{[<callerTiddler>addprefix[$:/temp/TableEditable/]]}}}
|
||||
rowsNumber={{{[<dataTiddler>getindex[rowsNumber]]}}}
|
||||
colsNumber={{{[<dataTiddler>getindex[colsNumber]]}}}
|
||||
selectIndex1={{{[<tempTiddler>get[.select1]]}}}
|
||||
>
|
||||
<!-- TODO:
|
||||
* update row/col selector when insert/delete some row/col
|
||||
* implement all mentioned editing options
|
||||
* move macro to dedicated tiddler
|
||||
* row and col number headings?
|
||||
-->
|
||||
<$link to=<<dataTiddler>>>#</$link>
|
||||
<label>
|
||||
Rows:
|
||||
<$edit-text tag="input" type="number" tiddler=<<dataTiddler>> index="rowsNumber"/>
|
||||
</label>
|
||||
<label>
|
||||
Columns:
|
||||
<$edit-text tag="input" type="number" tiddler=<<dataTiddler>> index="colsNumber"/>
|
||||
</label>
|
||||
<label style="display: block;">
|
||||
Edit...
|
||||
<$edit-text tag="input" type="number" tiddler=<<tempTiddler>> field=".select1"/>
|
||||
<$button>
|
||||
...Row Insert
|
||||
<$let filterRangeStart=<<rowsNumber>> filterRangeEnd=<<selectIndex1>>>
|
||||
<$list filter=<<FilterRangeIndirect>>>
|
||||
<$let rowIndexOld=<<currentTiddler>> filterRangeStart="1" filterRangeEnd=<<rowsNumber>>>
|
||||
<$list filter=<<FilterRangeIndirect>>>
|
||||
<$let colIndex=<<currentTiddler>> rowIndexNew={{{[<rowIndexOld>add[1]]}}}
|
||||
cellIndexOld={{{[[/r]addsuffix<rowIndexOld>addsuffix[/c]addsuffix<colIndex>addsuffix[/]]}}}
|
||||
cellIndexNew={{{[[/r]addsuffix<rowIndexNew>addsuffix[/c]addsuffix<colIndex>addsuffix[/]]}}}
|
||||
>
|
||||
<$action-setfield $tiddler=<<dataTiddler>> $index=<<cellIndexNew>> $value={{{[<dataTiddler>getindex<cellIndexOld>]}}}/>
|
||||
<$action-setfield $tiddler=<<dataTiddler>> $index=<<cellIndexOld>> $value=""/>
|
||||
</$let>
|
||||
</$list>
|
||||
</$let>
|
||||
</$list>
|
||||
</$let>
|
||||
</$button>
|
||||
<$button>
|
||||
...Column Insert
|
||||
<$let filterRangeStart=<<colsNumber>> filterRangeEnd=<<selectIndex1>>>
|
||||
<$list filter=<<FilterRangeIndirect>>>
|
||||
<$let colIndexOld=<<currentTiddler>> filterRangeStart="1" filterRangeEnd=<<rowsNumber>>>
|
||||
<$list filter=<<FilterRangeIndirect>>>
|
||||
<$let rowIndex=<<currentTiddler>> colIndexNew={{{[<colIndexOld>add[1]]}}}
|
||||
cellIndexOld={{{[[/r]addsuffix<rowIndex>addsuffix[/c]addsuffix<colIndexOld>addsuffix[/]]}}}
|
||||
cellIndexNew={{{[[/r]addsuffix<rowIndex>addsuffix[/c]addsuffix<colIndexNew>addsuffix[/]]}}}
|
||||
>
|
||||
<$action-setfield $tiddler=<<dataTiddler>> $index=<<cellIndexNew>> $value={{{[<dataTiddler>getindex<cellIndexOld>]}}}/>
|
||||
<$action-setfield $tiddler=<<dataTiddler>> $index=<<cellIndexOld>> $value=""/>
|
||||
</$let>
|
||||
</$list>
|
||||
</$let>
|
||||
</$list>
|
||||
</$let>
|
||||
</$button>
|
||||
<!--
|
||||
<$button>
|
||||
...Row Delete
|
||||
</$button>
|
||||
<$button>
|
||||
...Column Delete
|
||||
</$button>
|
||||
-->
|
||||
</label>
|
||||
<div class="TableEditable"><table><tbody>
|
||||
<$let filterRangeStart="1" filterRangeEnd=<<rowsNumber>>>
|
||||
<$list filter=<<FilterRangeIndirect>>>
|
||||
<$let row=<<currentTiddler>>>
|
||||
<tr>
|
||||
<$let filterRangeStart="1" filterRangeEnd=<<colsNumber>>>
|
||||
<$list filter=<<FilterRangeIndirect>>>
|
||||
<$let col=<<currentTiddler>> cellIndex={{{[[/r]addsuffix<row>addsuffix[/c]addsuffix<col>addsuffix[/]]}}}>
|
||||
<td title=<<cellIndex>>>
|
||||
<$edit-text minHeight="1em" tiddler=<<dataTiddler>> index=<<cellIndex>>/>
|
||||
</td>
|
||||
</$let>
|
||||
</$list>
|
||||
</$let>
|
||||
</tr>
|
||||
</$let>
|
||||
</$list>
|
||||
</$let>
|
||||
</tbody></table></div>
|
||||
<style>
|
||||
div.TableEditable {
|
||||
overflow-x: auto;
|
||||
}
|
||||
div.TableEditable textarea {
|
||||
border: 0;
|
||||
resize: none;
|
||||
}
|
||||
</style>
|
||||
</$let>
|
||||
\end
|
||||
|
||||
<<TableEditable>>
|
||||
<<EditableTable>>
|
8
Wiki-OcttKB/tiddlers/Normal/_HTML & CSS.tid
Normal file
8
Wiki-OcttKB/tiddlers/Normal/_HTML & CSS.tid
Normal file
@ -0,0 +1,8 @@
|
||||
created: 20240204143427407
|
||||
creator: Octt
|
||||
modified: 20240204143503230
|
||||
modifier: Octt
|
||||
tags:
|
||||
title: HTML & CSS
|
||||
|
||||
* [[How to line-break from css, without using <br />?|https://stackoverflow.com/questions/2703601/how-to-line-break-from-css-without-using-br]] --- `white-space: pre-line;`
|
@ -1,7 +1,7 @@
|
||||
created: 20230202224901337
|
||||
creator: Octt
|
||||
icon: 📰
|
||||
modified: 20240128235735551
|
||||
modified: 20240204122208181
|
||||
modifier: Octt
|
||||
page-cover: https://images.unsplash.com/photo-1517134062979-e1234be8a085
|
||||
tags: Web Markup
|
||||
@ -24,6 +24,10 @@ title: HTML
|
||||
* <<MDNLink Web/HTML/Element/dialog "<dialog>: The Dialog element">> --- //modal or non-modal dialog box or other interactive component, such as a dismissible alert, inspector, or subwindow//
|
||||
** [[dialog-polyfill|https://github.com/GoogleChrome/dialog-polyfill]] --- //Polyfill for the HTML dialog element// --- <<[# Demo"https://googlechrome.github.io/dialog-polyfill/">>
|
||||
|
||||
!!! Tools
|
||||
|
||||
* [[HTML Tables Generator|https://www.htmltables.io/]] --- //Build and Style Tables The cool, modern way//
|
||||
|
||||
!! XHTML
|
||||
|
||||
* [[Practical guide to XHTML|https://www.nayuki.io/page/practical-guide-to-xhtml]]
|
||||
|
@ -1,6 +1,6 @@
|
||||
created: 20230203223711243
|
||||
creator: Octt
|
||||
modified: 20231227012206962
|
||||
modified: 20240204160648523
|
||||
modifier: Octt
|
||||
tags: $:/i18n:en Information Knowledge
|
||||
title: Wiki
|
||||
@ -8,5 +8,7 @@ title: Wiki
|
||||
<<^wikipediaframe Wiki en>>
|
||||
|
||||
* //''[[BookStack|https://www.bookstackapp.com/]]'' is a simple, self-hosted, easy-to-use platform for organising and storing information.// --- <<[# Git"https://github.com/BookStackApp">>
|
||||
* [[DokuWiki|https://www.dokuwiki.org/]] --- //simple to use and highly versatile Open Source wiki software that doesn't require a database// --- <<[# Git "https://github.com/dokuwiki/">>
|
||||
* [[MediaWiki]]
|
||||
* [[TiddlyWiki]]
|
||||
* [[WikiDocs|https://www.wikidocs.it/]] --- //📗 Just a databaseless markdown flat-file wiki engine// --- <<[# Git "https://github.com/Zavy86/WikiDocs">>
|
||||
|
@ -1,12 +1,12 @@
|
||||
created: 20240129095948486
|
||||
creator: Octt
|
||||
modified: 20240201203754580
|
||||
modified: 20240204123532842
|
||||
modifier: Octt
|
||||
tags: $:/Apps
|
||||
title: $:/Apps/MagicBox
|
||||
|
||||
\define SearchResults(fields)
|
||||
<$list filter="[!is[system]search:$fields${$:/temp/Apps/MagicBox!!.input}sort[title]limit[100]]">
|
||||
\define SearchResults(fields, filterDel:"[[]]")
|
||||
<$list filter="[!is[system]search:$fields${$:/temp/Apps/MagicBox!!.input}sort[title]limit[100]] -$filterDel$">
|
||||
<div class=`MagicBoxApplet result ${[{$:/state/Apps/MagicBox!!.type}]}$` style=`background-image: url("${[{!!page-cover}]}$");`>
|
||||
<$button class="OcttKB-BorderFocus tc-btn-invisible">
|
||||
<$action-sendmessage $message="tm-close-tiddler" $param=<<closeOnChoose>>/>
|
||||
@ -111,5 +111,5 @@ title: $:/Apps/MagicBox
|
||||
<div><br/><hr/><br/></div>
|
||||
|
||||
Tags or Text matches:
|
||||
<br/><<SearchResults "tags,text">>
|
||||
<br/><<SearchResults "tags,text" "[!is[system]search:title,caption{$:/temp/Apps/MagicBox!!.input}]">>
|
||||
</$if>
|
112
Wiki-OcttKB/tiddlers/System/Macros/_EditableTable.tid
Normal file
112
Wiki-OcttKB/tiddlers/System/Macros/_EditableTable.tid
Normal file
@ -0,0 +1,112 @@
|
||||
created: 20240204115610391
|
||||
creator: Octt
|
||||
modified: 20240204120519575
|
||||
modifier: Octt
|
||||
tags: $:/tags/Macro
|
||||
title: $:/Macros/EditableTable
|
||||
|
||||
\define FilterRangeIndirect() [range[$(filterRangeStart)$,$(filterRangeEnd)$]]
|
||||
|
||||
\define EditableTable(tableName)
|
||||
<$let
|
||||
callerTiddler={{{[[$tableName$]match[]then<currentTiddler>else[$tableName$]]}}}
|
||||
dataTiddler={{{[<callerTiddler>addprefix[$:/Data/TableEditable/]]}}}
|
||||
tempTiddler={{{[<callerTiddler>addprefix[$:/temp/TableEditable/]]}}}
|
||||
rowsNumber={{{[<dataTiddler>getindex[rowsNumber]]}}}
|
||||
colsNumber={{{[<dataTiddler>getindex[colsNumber]]}}}
|
||||
selectIndex1={{{[<tempTiddler>get[.select1]]}}}
|
||||
>
|
||||
<!-- TODO:
|
||||
* update row/col selector when insert/delete some row/col
|
||||
* implement all mentioned editing options
|
||||
* move macro to dedicated tiddler
|
||||
* row and col number as table headings?
|
||||
* sticky table headings or first row/col?
|
||||
-->
|
||||
<$link to=<<dataTiddler>>>#</$link>
|
||||
<label>
|
||||
Rows:
|
||||
<$edit-text tag="input" type="number" tiddler=<<dataTiddler>> index="rowsNumber"/>
|
||||
</label>
|
||||
<label>
|
||||
Columns:
|
||||
<$edit-text tag="input" type="number" tiddler=<<dataTiddler>> index="colsNumber"/>
|
||||
</label>
|
||||
<label style="display: block;">
|
||||
Edit...
|
||||
<$edit-text tag="input" type="number" tiddler=<<tempTiddler>> field=".select1"/>
|
||||
<$button>
|
||||
...Row Insert
|
||||
<$let filterRangeStart=<<rowsNumber>> filterRangeEnd=<<selectIndex1>>>
|
||||
<$list filter=<<FilterRangeIndirect>>>
|
||||
<$let rowIndexOld=<<currentTiddler>> filterRangeStart="1" filterRangeEnd=<<rowsNumber>>>
|
||||
<$list filter=<<FilterRangeIndirect>>>
|
||||
<$let colIndex=<<currentTiddler>> rowIndexNew={{{[<rowIndexOld>add[1]]}}}
|
||||
cellIndexOld={{{[[/r]addsuffix<rowIndexOld>addsuffix[/c]addsuffix<colIndex>addsuffix[/]]}}}
|
||||
cellIndexNew={{{[[/r]addsuffix<rowIndexNew>addsuffix[/c]addsuffix<colIndex>addsuffix[/]]}}}
|
||||
>
|
||||
<$action-setfield $tiddler=<<dataTiddler>> $index=<<cellIndexNew>> $value={{{[<dataTiddler>getindex<cellIndexOld>]}}}/>
|
||||
<$action-setfield $tiddler=<<dataTiddler>> $index=<<cellIndexOld>> $value=""/>
|
||||
</$let>
|
||||
</$list>
|
||||
</$let>
|
||||
</$list>
|
||||
</$let>
|
||||
</$button>
|
||||
<$button>
|
||||
...Column Insert
|
||||
<$let filterRangeStart=<<colsNumber>> filterRangeEnd=<<selectIndex1>>>
|
||||
<$list filter=<<FilterRangeIndirect>>>
|
||||
<$let colIndexOld=<<currentTiddler>> filterRangeStart="1" filterRangeEnd=<<rowsNumber>>>
|
||||
<$list filter=<<FilterRangeIndirect>>>
|
||||
<$let rowIndex=<<currentTiddler>> colIndexNew={{{[<colIndexOld>add[1]]}}}
|
||||
cellIndexOld={{{[[/r]addsuffix<rowIndex>addsuffix[/c]addsuffix<colIndexOld>addsuffix[/]]}}}
|
||||
cellIndexNew={{{[[/r]addsuffix<rowIndex>addsuffix[/c]addsuffix<colIndexNew>addsuffix[/]]}}}
|
||||
>
|
||||
<$action-setfield $tiddler=<<dataTiddler>> $index=<<cellIndexNew>> $value={{{[<dataTiddler>getindex<cellIndexOld>]}}}/>
|
||||
<$action-setfield $tiddler=<<dataTiddler>> $index=<<cellIndexOld>> $value=""/>
|
||||
</$let>
|
||||
</$list>
|
||||
</$let>
|
||||
</$list>
|
||||
</$let>
|
||||
</$button>
|
||||
<!--
|
||||
<$button>
|
||||
...Row Delete
|
||||
</$button>
|
||||
<$button>
|
||||
...Column Delete
|
||||
</$button>
|
||||
-->
|
||||
</label>
|
||||
<div class="EditableTable"><table><tbody>
|
||||
<$let filterRangeStart="1" filterRangeEnd=<<rowsNumber>>>
|
||||
<$list filter=<<FilterRangeIndirect>>>
|
||||
<$let row=<<currentTiddler>>>
|
||||
<tr>
|
||||
<$let filterRangeStart="1" filterRangeEnd=<<colsNumber>>>
|
||||
<$list filter=<<FilterRangeIndirect>>>
|
||||
<$let col=<<currentTiddler>> cellIndex={{{[[/r]addsuffix<row>addsuffix[/c]addsuffix<col>addsuffix[/]]}}}>
|
||||
<td title=<<cellIndex>>>
|
||||
<$edit-text minHeight="1em" tiddler=<<dataTiddler>> index=<<cellIndex>>/>
|
||||
</td>
|
||||
</$let>
|
||||
</$list>
|
||||
</$let>
|
||||
</tr>
|
||||
</$let>
|
||||
</$list>
|
||||
</$let>
|
||||
</tbody></table></div>
|
||||
<style>
|
||||
div.EditableTable {
|
||||
overflow-x: auto;
|
||||
}
|
||||
div.EditableTable textarea {
|
||||
border: 0;
|
||||
resize: none;
|
||||
}
|
||||
</style>
|
||||
</$let>
|
||||
\end
|
@ -1,5 +1,5 @@
|
||||
created: 20240204112953722
|
||||
created: 20240204162240669
|
||||
current-tiddler: GettingStarted
|
||||
modified: 20240204112953722
|
||||
modified: 20240204162240669
|
||||
title: $:/HistoryList
|
||||
type: application/json
|
@ -1,6 +1,6 @@
|
||||
created: 20240204093609710
|
||||
creator: Octt
|
||||
list:
|
||||
modified: 20240204112916955
|
||||
modified: 20240204160358787
|
||||
modifier: Octt
|
||||
title: $:/StoryList
|
@ -1,6 +1,6 @@
|
||||
created: 20220920092307479
|
||||
creator: Octt
|
||||
modified: 20240204112921940
|
||||
modified: 20240204162205228
|
||||
modifier: Octt
|
||||
title: $:/state/tab/sidebar--595412856
|
||||
|
||||
|
Loading…
x
Reference in New Issue
Block a user