Turkish 
English 
German 
French 
Italian 
Spanish 
Portuguese 
Mandarin Chinese 
Japanese 
Russian 
Arabic Turkish English German French Italian Spanish Portuguese Mandarin Chinese Japanese Russian Arabic Turkish English German French Italian Spanish Portuguese Mandarin Chinese Japanese Russian Arabic Turkish English German French Italian Spanish Portuguese Mandarin Chinese Japanese Russian Arabic .underline
.hover
.light
```
.underline
.hover
.light
.underline
.hover
.light
```
## input
checkbox:
```html
```
switch:
```html
```
# ⚙️ documenter
## .loading(number|null)
```
documenter.loading()
documenter.loading(10)
documenter.loading(50)
```
## .success()
```
documenter.loading(100)
documenter.success()
```
## .load(url, config)
Like fetch
```
documenter.load("url").then(e=>e.text())
documenter.load("url").then(e=>e.json())
documenter.load("url").then(e=>e.blob())
documenter.load("url",{method:'GET',data:{name:'John'}}).then(e=>e.json())
```
```
documenter.load("documenter.js").then(e=>e.text()).then( console.log )
documenter.load("https://www.getmidas.com/wp-json/midas-api/v1/midas_table_data",{method:"POST"}).then(e=>e.json()).then( console.log )
documenter.load("world_map.pdf").then(e=>e.blob()).then(function(text){
document.download(text,"file.pdf")
})
```
## .post(url, data: FormData | Object | string)
```
documenter.post("url",{name:'John'}).then(e=>e.text())
```
## .submit(HTMLFormElement)
```
documenter.submit(HTMLFormElement)
```
Or you can add ``documenter-submit`` attribute in ``form`` element.
```html
<button documenter-submit>Save</button>
```
## .download(string|blob,filename)
```
documenter.download("Hello World","test.txt")
```
## .info(string) : HTMLDivElement
## .message(string) : HTMLDivElement
```
documenter.message("Hello World!")
```
## .modal(text) : HTMLDivElement
```js
documenter.modal("Title <br> This is modal text."")
```
## .readText() : Promise(e:String)
Select file and read as text.
```js
documenter.readText().then(text=>console.log(text))
```
## .readImage() : Promise(e:String)
Select file and read as text.
Hello World!
")
```
## .on(event,selector,function)
```
documenter.on("click","pre",function(e){
console.log(this.innerText);
console.log("Event:",e)
})
```
## .on(event,function)
```
documenter.on("ready",function(e){
console.log("I am ready");
})
```
## .when(".selector",function, order=0, type="on")
Triggered every time.
```
documenter.when("h2",function(e){
console.log(e);
})
```
## .see(selector, process, order=0)
Triggered only one time.
```
documenter.see("dropdown",function(e){
console.log(e);
})
```
## .csv.parse(data:string)
```
documenter.csv.parse(string)
```
```
documenter.readText().then(e=>{
main.appendChild(documenter.table( documenter.csv.parse(e) ))
})
```
## .select(selector|Element|Element[])
jQuery like selector
```js
documenter.select("td").parent("table")
documenter.select(el).attr("style","color:red")
documenter.select("tr").list()
documenter.select("table").find("th").map(e=>console.log(e))
```
## .TextInput(element,{language:""})
TextInput
Convert element like input element with contenteditable
* single line
* no style
```js
documenter.TextInput(el) // only text
```
## .TextArea(element, config={})
TextArea
Convert element like with contenteditable
* allowedElements default is all elements
* allowedAttributes is default all
* allowedProperties is default all
* language is default ""
```js
documenter.TextArea(el, {
allowedElements : ["br","div","span","img","b","i","u","ul","li","ol","strike","sup","sub"],
allowedAttributes: ["style","src","alt"],
allowedProperties: ["font-weight","text-decoration","color"],
language : "en",
}) // only font-weight and color
```
## .TextEditor(textarea, config={})
Convert textarea element to TextEditor
```js
let textEditor = documenter.TextEditor(document.querySelector("textarea"),{
toolbar : ["formatBlock","bold","italic","underline","strikeThrough","justifyLeft","justifyCenter","justifyRight","justifyFull","insertUnorderedList","insertOrderedList","space"],
head : "", // default ""
allowedAttributes : ["style","src","alt"], // for all make null
allowedProperties : ["text-align","font-weight","color"], // for all make null
language : "en", // default "en"
})
```
**Global TextEditor options**
```js
documenter.TextEditor.head = ""
documenter.TextEditor.toolbar = ["formatBlock","bold","italic","underline","strikeThrough","justifyLeft","justifyCenter","justifyRight","justifyFull","insertUnorderedList","insertOrderedList","space"]
documenter.TextEditor.allowedProperties = ["font-weight","font-style"]
documenter.TextEditor.allowedAttributes = ["style","src","alt"]
documenter.TextEditor.language = "en"
```
**Custom Toolbar Item ** with ``texteditor.toolbar``
```js
let listen=document.createElement("button")
listen.innerText = "Listen"
listen.onclick = function(){
let recognition = new (window.SpeechRecognition || window.webkitSpeechRecognition)();
recognition.language = "tr"
recognition.interimResults = true;
let last = document.createElement("span")
textEditor.body.appendChild(last)
recognition.onresult = (e)=>{
last.innerText = e.results[0][0].transcript;
}
recognition.start()
}
textEditor.toolbar.appendChild( listen )
```
**Get Value**
```js
textEditor.value // set or get
```
## .lss( css_code )
```js
documenter.lss("
@mobile{
body{
background:#000;
*{
color:#222;
}
h2{
color:#333;
}
}
}
")
```
## .markdown( markdown )
```js
documenter.markdown("# Hello World \n __italic__ and **bold** text here.")
```
## .translate(text,source='en-US',target="tr-TR")
```js
documenter.translate("Merhaba","tr","en").then(e=>console.log(e))
```
## .emitter(obj)
```
documenter.emitter(window)
// listen every time
window.on("click",console.log)
// listen one time
window.one("click",console.log)
// listen any event
window.any((event,arg)=>console.log(event,arg))
window.emit("click",{target:document})
window.emit("test",1)
```
## svg to base64image
```css
```