-
Notifications
You must be signed in to change notification settings - Fork 1
/
validation_mindmap.html
42 lines (42 loc) · 4.35 KB
/
validation_mindmap.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Markmap</title>
<style>
* {
margin: 0;
padding: 0;
}
#mindmap {
display: block;
width: 100vw;
height: 100vh;
}
</style>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/prismjs@1.25.0/themes/prism.css"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/markmap-toolbar@0.2.0/dist/style.css">
</head>
<body>
<svg id="mindmap"></svg>
<script src="https://cdn.jsdelivr.net/npm/d3@6.7.0"></script><script src="https://cdn.jsdelivr.net/npm/markmap-view@0.2.7"></script><script src="https://cdn.jsdelivr.net/npm/markmap-toolbar@0.2.0/dist/index.umd.min.js"></script><script>(r => {
setTimeout(r);
})(() => {
const {
markmap,
mm
} = window;
const toolbar = new markmap.Toolbar();
toolbar.attach(mm);
const el = toolbar.render();
el.setAttribute('style', 'position:absolute;bottom:20px;right:20px');
document.body.append(el);
})</script><script>((getMarkmap, getOptions, data) => {
const {
Markmap
} = getMarkmap();
window.mm = Markmap.create('svg#mindmap', getOptions == null ? void 0 : getOptions(), data);
})(() => window.markmap,null,{"t":"heading","d":1,"p":{"lines":[0,1]},"v":"Server-Side Validation","c":[{"t":"heading","d":2,"p":{"lines":[1,2]},"v":"Removing White-Spaces <code>trim()</code>","c":[{"t":"fence","d":3,"v":"<pre class=\"language-php\"><code class=\"language-php\"><span class=\"token variable\">$username</span> <span class=\"token operator\">=</span> <span class=\"token function\">trim</span><span class=\"token punctuation\">(</span><span class=\"token global\">$_POST</span><span class=\"token punctuation\">[</span><span class=\"token string single-quoted-string\">'username'</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n</code></pre>\n"}]},{"t":"heading","d":2,"p":{"lines":[7,8]},"v":"Special characters <code>addslashes()</code>","c":[{"t":"fence","d":3,"v":"<pre class=\"language-php\"><code class=\"language-php\"><span class=\"token variable\">$username</span> <span class=\"token operator\">=</span> <span class=\"token function\">addslashes</span><span class=\"token punctuation\">(</span><span class=\"token global\">$_POST</span><span class=\"token punctuation\">[</span><span class=\"token string single-quoted-string\">'username'</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n</code></pre>\n"},{"t":"bullet_list","d":3,"p":{"lines":[13,15]},"v":"","c":[{"t":"list_item","d":4,"p":{"lines":[13,14]},"v":"use <code>stripslashes()</code> to return the username to it's previous format"}]}]},{"t":"heading","d":2,"p":{"lines":[15,16]},"v":"Convert String into array","c":[{"t":"fence","d":3,"v":"<pre class=\"language-php\"><code class=\"language-php\"><span class=\"token variable\">$usernames</span> <span class=\"token operator\">=</span> <span class=\"token function\">explode</span><span class=\"token punctuation\">(</span><span class=\"token string single-quoted-string\">':'</span><span class=\"token punctuation\">,</span> <span class=\"token variable\">$colon_separated_names</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n</code></pre>\n"}]},{"t":"heading","d":2,"p":{"lines":[22,23]},"v":"String Length","c":[{"t":"fence","d":3,"v":"<pre class=\"language-php\"><code class=\"language-php\"> <span class=\"token variable\">$length</span> <span class=\"token operator\">=</span> <span class=\"token function\">strlen</span><span class=\"token punctuation\">(</span><span class=\"token variable\">$username</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n</code></pre>\n"}]},{"t":"heading","d":2,"p":{"lines":[29,30]},"v":"convert <code>\\n</code> to <code><br/></code>","c":[{"t":"fence","d":3,"v":"<pre class=\"language-php\"><code class=\"language-php\"><span class=\"token keyword\">echo</span> <span class=\"token function\">nl2br</span><span class=\"token punctuation\">(</span><span class=\"token string double-quoted-string\">\"List: \\n 1- first options \\n 2- second options\"</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n</code></pre>\n"}]}]})</script>
</body>
</html>