Change classname to html, css, or js

<!--[ Change classname to html, css, or js ]--> <div class="pre nb" data-copy="true" data-download="true" data-file="filename" data-lang="fileformat" data-text="typecode" data-time="true" data-view="true"> <pre> abcsssa </pre> </div> <!--[ Change classname to html, css, or js ]--> In there:<div><div><br /></div><div>data-textis the type of code, e.g. CSS, HTML or JavaScript</div><div>data-fileis the download name of File</div><div>data-langis the format of the file, for example: .css, .js, .html, .txt</div><div>data-timeis the download countdowntrue or false</div><div>data-downloadis to show download buttontrue or false</div><div>data-copyis to show copy buttontrue or false</div><div>data-viewis to show preview buttontrue or false</div>  <!--[ Change classname to html, css, or js ]--> <div class="pre html"> <pre style="max-height: none; white-space: pre-wrap;">Your_code_is_here</pre> </div> <!--[ Change classname to html, css, or js ]--> Addition of c</div><div><br /></div><div><ul style="-webkit-tap-highlight-color: transparent; background-color: #fdfcff; box-sizing: border-box; color: #08102b; font-family: Poppins, Arial, Helvetica, sans-serif; font-size: 16px; user-select: initial !important;"><li style="-webkit-tap-highlight-color: transparent; box-sizing: border-box; user-select: initial !important;">Change classname <code style="-webkit-tap-highlight-color: transparent; background: rgb(242, 243, 245); border-radius: 3px; box-sizing: border-box; color: var(--synxC); display: inline; font-family: var(--fontC); font-size: 14px; line-height: inherit; padding: 5px; user-select: initial !important;">html</code> to define another code format, there are 3 options available, namely: <code style="-webkit-tap-highlight-color: transparent; background: rgb(242, 243, 245); border-radius: 3px; box-sizing: border-box; color: var(--synxC); display: inline; font-family: var(--fontC); font-size: 14px; line-height: inherit; padding: 5px; user-select: initial !important;">html</code>, <code style="-webkit-tap-highlight-color: transparent; background: rgb(242, 243, 245); border-radius: 3px; box-sizing: border-box; color: var(--synxC); display: inline; font-family: var(--fontC); font-size: 14px; line-height: inherit; padding: 5px; user-select: initial !important;">css</code>, and <code style="-webkit-tap-highlight-color: transparent; background: rgb(242, 243, 245); border-radius: 3px; box-sizing: border-box; color: var(--synxC); display: inline; font-family: var(--fontC); font-size: 14px; line-height: inherit; padding: 5px; user-select: initial !important;">js</code>.</li><li style="-webkit-tap-highlight-color: transparent; box-sizing: border-box; user-select: initial !important;">Value <code style="-webkit-tap-highlight-color: transparent; background: rgb(242, 243, 245); border-radius: 3px; box-sizing: border-box; color: var(--synxC); display: inline; font-family: var(--fontC); font-size: 14px; line-height: inherit; padding: 5px; user-select: initial !important;">white-space:pre-wrap;</code> useful for disabling side scrolling, long code will be preserved and give a little scrolling function to keep it legible.</li><li style="-webkit-tap-highlight-color: transparent; box-sizing: border-box; user-select: initial !important;"><code style="-webkit-tap-highlight-color: transparent; background: rgb(242, 243, 245); border-radius: 3px; box-sizing: border-box; color: var(--synxC); display: inline; font-family: var(--fontC); font-size: 14px; line-height: inherit; padding: 5px; user-select: initial !important;">max-height:none;</code> defines the maximum height of syntax isn't set (automatic), change the value of <code style="-webkit-tap-highlight-color: transparent; background: rgb(242, 243, 245); border-radius: 3px; box-sizing: border-box; color: var(--synxC); display: inline; font-family: var(--fontC); font-size: 14px; line-height: inherit; padding: 5px; user-select: initial !important;">none</code> to eg <code style="-webkit-tap-highlight-color: transparent; background: rgb(242, 243, 245); border-radius: 3px; box-sizing: border-box; color: var(--synxC); display: inline; font-family: var(--fontC); font-size: 14px; line-height: inherit; padding: 5px; user-select: initial !important;">400px</code> to specify the maximum height of syntax is only 400 pixels.</li><li style="-webkit-tap-highlight-color: transparent; box-sizing: border-box; user-select: initial !important;">Use <code style="-webkit-tap-highlight-color: transparent; background: rgb(242, 243, 245); border-radius: 3px; box-sizing: border-box; color: var(--synxC); display: inline; font-family: var(--fontC); font-size: 14px; line-height: inherit; padding: 5px; user-select: initial !important;"><i class='red'>code_here</i></code> to add red/orage color.</li><li style="-webkit-tap-highlight-color: transparent; box-sizing: border-box; user-select: initial !important;">Use <code style="-webkit-tap-highlight-color: transparent; background: rgb(242, 243, 245); border-radius: 3px; box-sizing: border-box; color: var(--synxC); display: inline; font-family: var(--fontC); font-size: 14px; line-height: inherit; padding: 5px; user-select: initial !important;"><i class='blue'>code_here</i></code> to add blue color.</li><li style="-webkit-tap-highlight-color: transparent; box-sizing: border-box; user-select: initial !important;">Use <code style="-webkit-tap-highlight-color: transparent; background: rgb(242, 243, 245); border-radius: 3px; box-sizing: border-box; color: var(--synxC); display: inline; font-family: var(--fontC); font-size: 14px; line-height: inherit; padding: 5px; user-select: initial !important;"><i class='green'>code_here</i></code> to add green color.</li><li style="-webkit-tap-highlight-color: transparent; box-sizing: border-box; user-select: initial !important;">Use <code style="-webkit-tap-highlight-color: transparent; background: rgb(242, 243, 245); border-radius: 3px; box-sizing: border-box; color: var(--synxC); display: inline; font-family: var(--fontC); font-size: 14px; line-height: inherit; padding: 5px; user-select: initial !important;"><i class='gray'>code_here</i></code> to add gray color.</li><li style="-webkit-tap-highlight-color: transparent; box-sizing: border-box; user-select: initial !important;">Use <code style="-webkit-tap-highlight-color: transparent; background: rgb(242, 243, 245); border-radius: 3px; box-sizing: border-box; color: var(--synxC); display: inline; font-family: var(--fontC); font-size: 14px; line-height: inherit; padding: 5px; user-select: initial !important;"><i class='block'>code_here</i></code> to add a block of blue color.</li></ul></div>