WIP done some ToDO

app/view/en/setting.html

@@ -44,7 +44,7 @@
 		<div id="envView">
             <template v-for="(item, i) in config">
 				<h5>{{item.text.head}}</h5>
-				<templete v-html=item.text.desc></templete><br>
+				<template v-if=item.text.desc><templete v-html=item.text.desc></templete><br></template>
 				<template v-if="item.id=='notf'"><a onclick="notftest()" class="pointer">Notification test</a><br></template>
                 <template v-if="item.checkbox">
                         <template v-for="(check, j) in item.text.checkbox">
@@ -62,7 +62,7 @@
 							<input type="text" v-model="item.setValue" type="radio" v-bind:id="item.id" v-bind:style="{ width: item.width+'px'}"/>{{item.text.after}}
 					</template>
 					<button class="btn waves-effect" style="width:100px;" v-on:click="complete(i)">Change</button> 
-				</template>
+				</template><br>
 			</template>
         </div>
         <h5>Font</h5>
@@ -153,7 +153,7 @@
 		<div id="tlView">
             <template v-for="(item, i) in config">
 				<h5>{{item.text.head}}</h5>
-				{{item.text.desc}}<br>
+				<template v-if=item.text.desc><templete v-html=item.text.desc></templete><br></template>
                 <template v-if="item.checkbox">
                         <template v-for="(check, j) in item.text.checkbox">
                             <input class="with-gap" v-on:click="complete(i,check.value)" v-model="item.setValue" type="radio" v-bind:id="item.id+check.value" v-bind:value="check.value" />
@@ -170,7 +170,7 @@
 							<input type="text" v-model="item.setValue" type="radio" v-bind:id="item.id" v-bind:style="{ width: item.width+'px'}"/>{{item.text.after}}
 					</template>
 					<button class="btn waves-effect" style="width:100px;" v-on:click="complete(i)">Change</button> 
-				</template>
+				</template><br>
 			</template>
         </div>
 	</div>
@@ -183,7 +183,7 @@
 		<div id="postView">
             <template v-for="(item, i) in config">
 				<h5>{{item.text.head}}</h5>
-				{{item.text.desc}}<br>
+				<template v-if=item.text.desc><templete v-html=item.text.desc></templete><br></template>
                 <template v-if="item.checkbox">
                         <template v-for="(check, j) in item.text.checkbox">
 							<template v-if="!check.kirishima || (check.kirishima && kirishima)">
@@ -203,7 +203,7 @@
 							<input type="text" v-model="item.setValue" type="radio" v-bind:id="item.id" v-bind:style="{ width: item.width+'px'}"/>{{item.text.after}}
 					</template>
 					<button class="btn waves-effect" style="width:100px;" v-on:click="complete(i)">Change</button> 
-				</template>
+				</template><br>
 			</template>
         </div>
 	</div>

app/view/en/setting.vue.js

@@ -476,5 +476,16 @@ var postConstruction=[
                 }
             ]
         }
+    },{
+        id:"zero",
+        storage:"emoji-zero-width",
+        checkbox:true,
+        setValue:"normal",
+        setValue:"no",
+        text:{
+            head:"Zero-width space when inserting emojis",
+            desc:"",
+            checkbox:yesno
+        }
     }
 ]

app/view/ja/setting.html

@@ -44,7 +44,7 @@
 		<div id="envView">
             <template v-for="(item, i) in config">
 				<h5>{{item.text.head}}</h5>
-				<templete v-html=item.text.desc></templete><br>
+				<template v-if=item.text.desc><templete v-html=item.text.desc></templete><br></template>
 				<template v-if="item.id=='notf'"><a onclick="notftest()" class="pointer">通知テスト</a><br></template>
                 <template v-if="item.checkbox">
                         <template v-for="(check, j) in item.text.checkbox">
@@ -62,7 +62,7 @@
 							<input type="text" v-model="item.setValue" type="radio" v-bind:id="item.id" v-bind:style="{ width: item.width+'px'}"/>{{item.text.after}}
 					</template>
 					<button class="btn waves-effect" style="width:100px;" v-on:click="complete(i)">変更</button> 
-				</template>
+				</template><br>
 			</template>
         </div>
         <h5>フォント</h5>
@@ -153,7 +153,7 @@
 		<div id="tlView">
             <template v-for="(item, i) in config">
 				<h5>{{item.text.head}}</h5>
-				{{item.text.desc}}<br>
+				<template v-if=item.text.desc><templete v-html=item.text.desc></templete><br></template>
                 <template v-if="item.checkbox">
                         <template v-for="(check, j) in item.text.checkbox">
                             <input class="with-gap" v-on:click="complete(i,check.value)" v-model="item.setValue" type="radio" v-bind:id="item.id+check.value" v-bind:value="check.value" />
@@ -170,7 +170,7 @@
 							<input type="text" v-model="item.setValue" type="radio" v-bind:id="item.id" v-bind:style="{ width: item.width+'px'}"/>{{item.text.after}}
 					</template>
 					<button class="btn waves-effect" style="width:100px;" v-on:click="complete(i)">変更</button> 
-				</template>
+				</template><br>
 			</template>
         </div>
 	</div>
@@ -183,7 +183,7 @@
 		<div id="postView">
             <template v-for="(item, i) in config">
 				<h5>{{item.text.head}}</h5>
-				{{item.text.desc}}<br>
+				<template v-if=item.text.desc><templete v-html=item.text.desc></templete><br></template>
                 <template v-if="item.checkbox">
                         <template v-for="(check, j) in item.text.checkbox">
 							<template v-if="!check.kirishima || (check.kirishima && kirishima)">
@@ -203,7 +203,7 @@
 							<input type="text" v-model="item.setValue" type="radio" v-bind:id="item.id" v-bind:style="{ width: item.width+'px'}"/>{{item.text.after}}
 					</template>
 					<button class="btn waves-effect" style="width:100px;" v-on:click="complete(i)">変更</button> 
-				</template>
+				</template><br>
 			</template>
         </div>
 	</div>

app/view/ja/setting.vue.js

@@ -476,5 +476,16 @@ var postConstruction=[
                 }
             ]
         }
+    },{
+        id:"zero",
+        storage:"emoji-zero-width",
+        checkbox:true,
+        setValue:"normal",
+        setValue:"no",
+        text:{
+            head:"絵文字にゼロ幅スペースを使う",
+            desc:"",
+            checkbox:yesno
+        }
     }
 ]

app/view/make/language/setting.en.json

@@ -114,6 +114,7 @@
     "secwarn":"Toot with other visibility setting",
     "nothing":"Hidden",
     "localonly":"Local Only",
+    "zeroWidthEmoji":"Zero-width space when inserting emojis",
     "keysc":"Keyboard shortcut Preferences",
     "iks":"Easy inserter",
     "okswarn":"You can insert any letters and emojis with only 3 keys",

app/view/make/language/setting.ja.json

@@ -114,6 +114,7 @@
     "secwarn":"公開範囲の変更とトゥートを一発でできます。",
     "nothing":"表示しない",
     "localonly":"ローカル限定",
+    "zeroWidthEmoji":"絵文字にゼロ幅スペースを使う",
     "keysc":"キーボードショートカットの設定",
     "iks":"簡単文字入力",
     "okswarn":"絵文字やタグ、>BTなどを登録しておくとすぐに入力できます。",

app/view/make/setting.sample.html

@@ -44,7 +44,7 @@
 		<div id="envView">
             <template v-for="(item, i) in config">
 				<h5>{{item.text.head}}</h5>
-				<templete v-html=item.text.desc></templete><br>
+				<template v-if=item.text.desc><templete v-html=item.text.desc></templete><br></template>
 				<template v-if="item.id=='notf'"><a onclick="notftest()" class="pointer">@@nntest@@</a><br></template>
                 <template v-if="item.checkbox">
                         <template v-for="(check, j) in item.text.checkbox">
@@ -62,7 +62,7 @@
 							<input type="text" v-model="item.setValue" type="radio" v-bind:id="item.id" v-bind:style="{ width: item.width+'px'}"/>{{item.text.after}}
 					</template>
 					<button class="btn waves-effect" style="width:100px;" v-on:click="complete(i)">@@change@@</button> 
-				</template>
+				</template><br>
 			</template>
         </div>
         <h5>@@font@@</h5>
@@ -153,7 +153,7 @@
 		<div id="tlView">
             <template v-for="(item, i) in config">
 				<h5>{{item.text.head}}</h5>
-				{{item.text.desc}}<br>
+				<template v-if=item.text.desc><templete v-html=item.text.desc></templete><br></template>
                 <template v-if="item.checkbox">
                         <template v-for="(check, j) in item.text.checkbox">
                             <input class="with-gap" v-on:click="complete(i,check.value)" v-model="item.setValue" type="radio" v-bind:id="item.id+check.value" v-bind:value="check.value" />
@@ -170,7 +170,7 @@
 							<input type="text" v-model="item.setValue" type="radio" v-bind:id="item.id" v-bind:style="{ width: item.width+'px'}"/>{{item.text.after}}
 					</template>
 					<button class="btn waves-effect" style="width:100px;" v-on:click="complete(i)">@@change@@</button> 
-				</template>
+				</template><br>
 			</template>
         </div>
 	</div>
@@ -183,7 +183,7 @@
 		<div id="postView">
             <template v-for="(item, i) in config">
 				<h5>{{item.text.head}}</h5>
-				{{item.text.desc}}<br>
+				<template v-if=item.text.desc><templete v-html=item.text.desc></templete><br></template>
                 <template v-if="item.checkbox">
                         <template v-for="(check, j) in item.text.checkbox">
 							<template v-if="!check.kirishima || (check.kirishima && kirishima)">
@@ -203,7 +203,7 @@
 							<input type="text" v-model="item.setValue" type="radio" v-bind:id="item.id" v-bind:style="{ width: item.width+'px'}"/>{{item.text.after}}
 					</template>
 					<button class="btn waves-effect" style="width:100px;" v-on:click="complete(i)">@@change@@</button> 
-				</template>
+				</template><br>
 			</template>
         </div>
 	</div>

app/view/make/setting.sample.js

@@ -476,5 +476,16 @@ var postConstruction=[
                 }
             ]
         }
+    },{
+        id:"zero",
+        storage:"emoji-zero-width",
+        checkbox:true,
+        setValue:"normal",
+        setValue:"no",
+        text:{
+            head:"@@zeroWidthEmoji@@",
+            desc:"",
+            checkbox:yesno
+        }
     }
 ]

app/view/ps/setting.html

@@ -44,7 +44,7 @@
 		<div id="envView">
             <template v-for="(item, i) in config">
 				<h5>{{item.text.head}}</h5>
-				<templete v-html=item.text.desc></templete><br>
+				<template v-if=item.text.desc><templete v-html=item.text.desc></templete><br></template>
 				<template v-if="item.id=='notf'"><a onclick="notftest()" class="pointer">crwdns540:0crwdne540:0</a><br></template>
                 <template v-if="item.checkbox">
                         <template v-for="(check, j) in item.text.checkbox">
@@ -62,7 +62,7 @@
 							<input type="text" v-model="item.setValue" type="radio" v-bind:id="item.id" v-bind:style="{ width: item.width+'px'}"/>{{item.text.after}}
 					</template>
 					<button class="btn waves-effect" style="width:100px;" v-on:click="complete(i)">crwdns528:0crwdne528:0</button> 
-				</template>
+				</template><br>
 			</template>
         </div>
         <h5>crwdns544:0crwdne544:0</h5>
@@ -153,7 +153,7 @@
 		<div id="tlView">
             <template v-for="(item, i) in config">
 				<h5>{{item.text.head}}</h5>
-				{{item.text.desc}}<br>
+				<template v-if=item.text.desc><templete v-html=item.text.desc></templete><br></template>
                 <template v-if="item.checkbox">
                         <template v-for="(check, j) in item.text.checkbox">
                             <input class="with-gap" v-on:click="complete(i,check.value)" v-model="item.setValue" type="radio" v-bind:id="item.id+check.value" v-bind:value="check.value" />
@@ -170,7 +170,7 @@
 							<input type="text" v-model="item.setValue" type="radio" v-bind:id="item.id" v-bind:style="{ width: item.width+'px'}"/>{{item.text.after}}
 					</template>
 					<button class="btn waves-effect" style="width:100px;" v-on:click="complete(i)">crwdns528:0crwdne528:0</button> 
-				</template>
+				</template><br>
 			</template>
         </div>
 	</div>
@@ -183,7 +183,7 @@
 		<div id="postView">
             <template v-for="(item, i) in config">
 				<h5>{{item.text.head}}</h5>
-				{{item.text.desc}}<br>
+				<template v-if=item.text.desc><templete v-html=item.text.desc></templete><br></template>
                 <template v-if="item.checkbox">
                         <template v-for="(check, j) in item.text.checkbox">
 							<template v-if="!check.kirishima || (check.kirishima && kirishima)">
@@ -203,7 +203,7 @@
 							<input type="text" v-model="item.setValue" type="radio" v-bind:id="item.id" v-bind:style="{ width: item.width+'px'}"/>{{item.text.after}}
 					</template>
 					<button class="btn waves-effect" style="width:100px;" v-on:click="complete(i)">crwdns528:0crwdne528:0</button> 
-				</template>
+				</template><br>
 			</template>
         </div>
 	</div>

app/view/ps/setting.vue.js

@@ -476,5 +476,16 @@ var postConstruction=[
                 }
             ]
         }
+    },{
+        id:"zero",
+        storage:"emoji-zero-width",
+        checkbox:true,
+        setValue:"normal",
+        setValue:"no",
+        text:{
+            head:"@@zeroWidthEmoji@@",
+            desc:"",
+            checkbox:yesno
+        }
     }
 ]