Fork自 GitCode / 1024程序员开源挑战赛（10.23-11.14）
System.register(["./pinia-legacy.js","./vue-legacy.js"],(function(s){"use strict";var a;return{setters:[function(){},function(s){a=s.M}],execute:function(){var n={methods:{source:function(){return'<pre class="hljs fv-hljs "><ul class="highlight-line-number " ><li ><span>1</span></li><li ><span>2</span></li><li ><span>3</span></li><li ><span>4</span></li><li ><span>5</span></li><li ><span>6</span></li><li ><span>7</span></li><li ><span>8</span></li><li ><span>9</span></li><li ><span>10</span></li><li ><span>11</span></li><li ><span>12</span></li><li ><span>13</span></li><li ><span>14</span></li><li ><span>15</span></li><li ><span>16</span></li><li ><span>17</span></li><li ><span>18</span></li><li ><span>19</span></li><li ><span>20</span></li><li ><span>21</span></li><li ><span>22</span></li><li ><span>23</span></li><li ><span>24</span></li><li ><span>25</span></li><li ><span>26</span></li><li ><span>27</span></li><li ><span>28</span></li><li ><span>29</span></li><li ><span>30</span></li><li ><span>31</span></li><li ><span>32</span></li><li ><span>33</span></li><li ><span>34</span></li><li ><span>35</span></li><li ><span>36</span></li><li ><span>37</span></li><li ><span>38</span></li><li ><span>39</span></li><li ><span>40</span></li><li ><span>41</span></li><li ><span>42</span></li><li ><span>43</span></li><li ><span>44</span></li><li ><span>45</span></li><li ><span>46</span></li><li ><span>47</span></li><li ><span>48</span></li><li ><span>49</span></li><li ><span>50</span></li><li ><span>51</span></li><li ><span>52</span></li><li ><span>53</span></li><li ><span>54</span></li><li ><span>55</span></li><li ><span>56</span></li><li ><span>57</span></li><li ><span>58</span></li><li ><span>59</span></li><li ><span>60</span></li><li ><span>61</span></li><li ><span>62</span></li><li ><span>63</span></li><li ><span>64</span></li><li ><span>65</span></li><li ><span>66</span></li><li ><span>67</span></li><li ><span>68</span></li><li ><span>69</span></li><li ><span>70</span></li><li ><span>71</span></li><li ><span>72</span></li><li ><span>73</span></li><li ><span>74</span></li><li ><span>75</span></li><li ><span>76</span></li><li ><span>77</span></li><li ><span>78</span></li><li ><span>79</span></li><li ><span>80</span></li><li ><span>81</span></li><li ><span>82</span></li><li ><span>83</span></li><li ><span>84</span></li><li ><span>85</span></li><li ><span>86</span></li><li ><span>87</span></li><li ><span>88</span></li><li ><span>89</span></li><li ><span>90</span></li><li ><span>91</span></li><li ><span>92</span></li><li ><span>93</span></li><li ><span>94</span></li><li ><span>95</span></li><li ><span>96</span></li><li ><span>97</span></li><li ><span>98</span></li><li ><span>99</span></li><li ><span>100</span></li><li ><span>101</span></li><li ><span>102</span></li><li ><span>103</span></li><li ><span>104</span></li><li ><span>105</span></li><li ><span>106</span></li><li ><span>107</span></li><li ><span>108</span></li><li ><span>109</span></li><li ><span>110</span></li><li ><span>111</span></li><li ><span>112</span></li><li ><span>113</span></li><li ><span>114</span></li><li ><span>115</span></li><li ><span>116</span></li><li ><span>117</span></li><li ><span>118</span></li><li ><span>119</span></li><li ><span>120</span></li><li ><span>121</span></li><li ><span>122</span></li><li ><span>123</span></li><li ><span>124</span></li><li ><span>125</span></li><li ><span>126</span></li><li ><span>127</span></li><li ><span>128</span></li><li ><span>129</span></li><li ><span>130</span></li><li ><span>131</span></li><li ><span>132</span></li><li ><span>133</span></li><li ><span>134</span></li><li ><span>135</span></li><li ><span>136</span></li><li ><span>137</span></li><li ><span>138</span></li><li ><span>139</span></li><li ><span>140</span></li><li ><span>141</span></li><li ><span>142</span></li><li ><span>143</span></li><li ><span>144</span></li><li ><span>145</span></li><li ><span>146</span></li><li ><span>147</span></li><li ><span>148</span></li><li ><span>149</span></li><li ><span>150</span></li><li ><span>151</span></li><li ><span>152</span></li><li ><span>153</span></li><li ><span>154</span></li><li ><span>155</span></li><li ><span>156</span></li><li ><span>157</span></li><li ><span>158</span></li><li ><span>159</span></li><li ><span>160</span></li><li ><span>161</span></li><li ><span>162</span></li><li ><span>163</span></li><li ><span>164</span></li><li ><span>165</span></li><li ><span>166</span></li><li ><span>167</span></li><li ><span>168</span></li><li ><span>169</span></li><li ><span>170</span></li><li ><span>171</span></li><li ><span>172</span></li><li ><span>173</span></li><li ><span>174</span></li><li ><span>175</span></li><li ><span>176</span></li><li ><span>177</span></li><li ><span>178</span></li><li ><span>179</span></li><li ><span>180</span></li><li ><span>181</span></li><li ><span>182</span></li><li ><span>183</span></li><li ><span>184</span></li><li ><span>185</span></li><li ><span>186</span></li><li ><span>187</span></li><li ><span>188</span></li><li ><span>189</span></li><li ><span>190</span></li><li ><span>191</span></li><li ><span>192</span></li><li ><span>193</span></li><li ><span>194</span></li><li ><span>195</span></li><li ><span>196</span></li><li ><span>197</span></li><li ><span>198</span></li></ul><code class=" hljs hljs-html" @click.stop="()=>{}"><span class="hljs-meta"><!DOCTYPE <span class="hljs-keyword">html</span>></span>\n<span class="hljs-tag"><<span class="hljs-name">html</span>></span>\n<span class="hljs-tag"><<span class="hljs-name">head</span>></span>\n <span class="hljs-tag"><<span class="hljs-name">meta</span> <span class="hljs-attr">charset</span>=<span class="hljs-string">"UTF-8"</span>></span>\n <span class="hljs-tag"><<span class="hljs-name">meta</span> <span class="hljs-attr">http-equiv</span>=<span class="hljs-string">"X-UA-Compatible"</span> <span class="hljs-attr">content</span>=<span class="hljs-string">"IE=edge"</span>></span>\n <span class="hljs-tag"><<span class="hljs-name">meta</span> <span class="hljs-attr">name</span>=<span class="hljs-string">"viewport"</span> <span class="hljs-attr">content</span>=<span class="hljs-string">"width=device-width, initial-scale=1.0"</span>></span>\n <span class="hljs-tag"><<span class="hljs-name">meta</span> <span class="hljs-attr">name</span>=<span class="hljs-string">"renderer"</span> <span class="hljs-attr">content</span>=<span class="hljs-string">"webkit"</span>></span>\n <span class="hljs-tag"><<span class="hljs-name">script</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"</span>></span><span class="hljs-tag"></<span class="hljs-name">script</span>></span>\n <span class="hljs-comment"><!-- <script src='./api/api.js'></script> --></span>\n \n <span class="hljs-tag"><<span class="hljs-name">script</span> <span class="hljs-attr">src</span>=<span class="hljs-string">'/tinymce/tinymce.js'</span>></span><span class="hljs-tag"></<span class="hljs-name">script</span>></span><span class="hljs-comment"><!-- 必要 --></span>\n <span class="hljs-tag"><<span class="hljs-name">script</span> <span class="hljs-attr">src</span>=<span class="hljs-string">'/tinymce/tinymce-plugin.js'</span>></span><span class="hljs-tag"></<span class="hljs-name">script</span>></span><span class="hljs-comment"><!-- 必要 --></span>\n\n <span class="hljs-tag"><<span class="hljs-name">style</span>></span><span class="language-css">\n <span class="hljs-selector-tag">body</span>{<span class="hljs-attribute">max-width</span>: <span class="hljs-number">1920px</span>; <span class="hljs-attribute">min-width</span>: <span class="hljs-number">900px</span>;<span class="hljs-attribute">width</span>: <span class="hljs-number">100%</span>; <span class="hljs-attribute">margin</span>: <span class="hljs-number">0</span> auto;}\n <span class="hljs-selector-tag">header</span>{}\n <span class="hljs-selector-class">.header_logo</span>{ <span class="hljs-attribute">display</span>: inline-block;<span class="hljs-attribute">vertical-align</span>: middle;}\n <span class="hljs-selector-tag">header</span> > <span class="hljs-selector-tag">div</span>{ <span class="hljs-attribute">display</span>: block; <span class="hljs-attribute">text-align</span>: center;}\n <span class="hljs-selector-class">.demo</span>,<span class="hljs-selector-id">#showID</span>{ <span class="hljs-attribute">margin-top</span>:<span class="hljs-number">50px</span>;}\n <span class="hljs-selector-id">#showID</span>{ <span class="hljs-attribute">padding</span>: <span class="hljs-number">20px</span>;}\n <span class="hljs-selector-id">#tinymce-app</span> <span class="hljs-selector-class">.tinymce-box</span> {<span class="hljs-attribute">padding-bottom</span>: <span class="hljs-number">0px</span><span class="hljs-meta">!important</span>;}\n <span class="hljs-selector-class">.tiny_color</span>{ <span class="hljs-attribute">color</span>:<span class="hljs-number">#344A85</span> ;<span class="hljs-attribute">text-shadow</span>: <span class="hljs-number">0</span> <span class="hljs-number">3px</span> <span class="hljs-number">5px</span> <span class="hljs-number">#677285</span>; <span class="hljs-attribute">display</span>: inline-block;<span class="hljs-attribute">margin-right</span>: -<span class="hljs-number">20px</span>; <span class="hljs-attribute">vertical-align</span>: middle;}\n <span class="hljs-selector-class">.plugin_color</span> { <span class="hljs-attribute">color</span>: <span class="hljs-number">#43B984</span>;<span class="hljs-attribute">text-shadow</span>: <span class="hljs-number">0</span> <span class="hljs-number">3px</span> <span class="hljs-number">5px</span> <span class="hljs-number">#34435C</span>;<span class="hljs-attribute">display</span>: inline-block;<span class="hljs-attribute">margin-left</span>: -<span class="hljs-number">23px</span>; <span class="hljs-attribute">vertical-align</span>: middle;}\n <span class="hljs-selector-class">.text-center</span>{ <span class="hljs-attribute">text-align</span>: center;}\n <span class="hljs-selector-class">.animated</span> <span class="hljs-selector-id">#logoSvgId</span>{\n fill-<span class="hljs-attribute">opacity</span>: <span class="hljs-number">0.75</span>\n }\n <span class="hljs-selector-tag">a</span>{<span class="hljs-attribute">display</span>: inline-block; <span class="hljs-attribute">padding</span>: <span class="hljs-number">20px</span>;<span class="hljs-attribute">font-size</span>: <span class="hljs-number">20px</span>; <span class="hljs-attribute">list-style</span>: none; <span class="hljs-attribute">text-decoration</span>: none;<span class="hljs-attribute">color</span>: <span class="hljs-number">#333</span>;}\n <span class="hljs-selector-id">#logoSvgId</span>{<span class="hljs-attribute">display</span>: inline-block; <span class="hljs-attribute">vertical-align</span>: middle;}\n <span class="hljs-selector-class">.btn</span>{ <span class="hljs-attribute">border-radius</span>: <span class="hljs-number">20px</span>; <span class="hljs-attribute">outline</span>: none; <span class="hljs-attribute">width</span>: <span class="hljs-number">300px</span>;<span class="hljs-attribute">height</span>: <span class="hljs-number">60px</span>; <span class="hljs-attribute">margin</span>: <span class="hljs-number">20px</span> auto; <span class="hljs-attribute">display</span>: block; <span class="hljs-attribute">background</span>: <span class="hljs-number">#1488F5</span>; <span class="hljs-attribute">text-align</span>: center;<span class="hljs-attribute">line-height</span>: <span class="hljs-number">60px</span>; <span class="hljs-attribute">font-size</span>: <span class="hljs-number">28px</span>;<span class="hljs-attribute">letter-spacing</span>: <span class="hljs-number">2px</span>; <span class="hljs-attribute">color</span>: <span class="hljs-number">#dedede</span>;}\n </span><span class="hljs-tag"></<span class="hljs-name">style</span>></span>\n<span class="hljs-tag"></<span class="hljs-name">head</span>></span>\n\n<span class="hljs-tag"><<span class="hljs-name">body</span> <span class="hljs-attr">tp-page-height</span>=<span class="hljs-string">"498"</span>></span>\n <span class="hljs-tag"><<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"demo"</span>></span>\n <span class="hljs-tag"><<span class="hljs-name">div</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"tinymce-app"</span>></span>\n <span class="hljs-tag"><<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"tinymce-demo"</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"color: #000;"</span>></span>\n <span class="hljs-tag"><<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"tinymce-cnt"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"mytextarea"</span>></span>\n <span class="hljs-tag"><<span class="hljs-name">div</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"fvContentID"</span>></span><span class="hljs-tag"><<span class="hljs-name">ol</span>></span>\n <span class="hljs-tag"><<span class="hljs-name">li</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"letter-spacing: 2px;"</span>></span><span class="hljs-tag"><<span class="hljs-name">span</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"color: #2dc26b;"</span>></span><span class="hljs-tag"><<span class="hljs-name">span</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"color: #000000;"</span>></span>不知如何使用编辑框可以点击<span class="hljs-tag"><<span class="hljs-name">img</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"https://xwjywjb.obs.cn-southwest-2.myhuaweicloud.com/db/UploadFile/2020/11/13/fcd5cc64-aff6-4ded-8f14-6a98b66a2aea.png"</span>></span>（或 Alt+0)，查看帮助-【快捷键】【功能介绍】【操作手册】【疑问解答】【反馈问题】 。<span class="hljs-tag"></<span class="hljs-name">span</span>></span><span class="hljs-tag"></<span class="hljs-name">span</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span>\n <span class="hljs-tag"><<span class="hljs-name">li</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"letter-spacing: 2px;"</span>></span><span class="hljs-tag"><<span class="hljs-name">span</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"color: #3598db;"</span>></span>鼠标悬浮<span class="hljs-tag"></<span class="hljs-name">span</span>></span>在<span class="hljs-tag"><<span class="hljs-name">em</span>></span>功能图标<span class="hljs-tag"></<span class="hljs-name">em</span>></span>上可了解功能名称<span class="hljs-tag"></<span class="hljs-name">li</span>></span>\n <span class="hljs-tag"><<span class="hljs-name">li</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"letter-spacing: 2px;"</span>></span><span class="hljs-tag"><<span class="hljs-name">span</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"color: #e03e2d;"</span>></span>如过需要修改2020年11月之前的旧新闻，建议先清除格式<span class="hljs-symbol">&nbsp;</span> 或<span class="hljs-symbol">&nbsp;</span> 一键布局<span class="hljs-tag"><<span class="hljs-name">img</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"https://xwjywjb.obs.cn-southwest-2.myhuaweicloud.com/db/UploadFile/2020/11/13/e952a0d5-2d30-4d86-ae7d-e8fd5c4e7cc7.png"</span>></span>，将旧新闻样式去掉重新排版<span class="hljs-tag"></<span class="hljs-name">span</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span>\n <span class="hljs-tag"><<span class="hljs-name">li</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"letter-spacing: 2px;"</span>></span><span class="hljs-tag"><<span class="hljs-name">span</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"color: #e03e2d;"</span>></span>若文档编辑调整过程中发生意外关闭【如：登录时间过长】，并且未存为草稿 可以点击<span class="hljs-tag"><<span class="hljs-name">img</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"https://xwjywjb.obs.cn-southwest-2.myhuaweicloud.com/db/UploadFile/2020/12/25/9b1473d3-e399-43d9-86b1-a0cb5970d7d0.png"</span>></span>，恢复文档编辑状态（1小时以内的最近状态）<span class="hljs-tag"></<span class="hljs-name">span</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span>\n <span class="hljs-tag"><<span class="hljs-name">li</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"letter-spacing: 2px;"</span>></span><span class="hljs-tag"><<span class="hljs-name">span</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"color: #e03e2d;"</span>></span><span class="hljs-tag"><<span class="hljs-name">span</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"attachment_mce_1"</span> <span class="hljs-attr">contenteditable</span>=<span class="hljs-string">"false"</span>></span><span class="hljs-tag"><<span class="hljs-name">img</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"width: 30px;"</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"https://api.hope55.com/Content/js/tinymce/plugins/attachment/icons/file_type_pdf2.svg"</span> <span class="hljs-attr">width</span>=<span class="hljs-string">"30px"</span>></span><span class="hljs-tag"><<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"https://xwjywjb.obs.cn-southwest-2.myhuaweicloud.com/db/UploadFile/2020/11/9/a7653b78-f186-4237-81fb-213aac317ebe.pdf"</span> <span class="hljs-attr">target</span>=<span class="hljs-string">"_blank"</span> <span class="hljs-attr">rel</span>=<span class="hljs-string">"noopener"</span>></span>新编辑器新闻上传操作说明(1).pdf (1.04 M)<span class="hljs-tag"></<span class="hljs-name">a</span>></span><span class="hljs-tag"></<span class="hljs-name">span</span>></span> <span class="hljs-tag"></<span class="hljs-name">span</span>></span><span class="hljs-tag"></<span class="hljs-name">li</span>></span>\n <span class="hljs-tag"></<span class="hljs-name">ol</span>></span><span class="hljs-tag"></<span class="hljs-name">div</span>></span>\n <span class="hljs-tag"><<span class="hljs-name">style</span>></span><span class="language-css"> <span class="hljs-selector-id">#fvContentID</span> <span class="hljs-selector-tag">a</span>{<span class="hljs-attribute">display</span>:inline-block<span class="hljs-meta">!important</span>} <span class="hljs-selector-id">#fvContentID</span> <span class="hljs-selector-class">.attachment</span>><span class="hljs-selector-tag">img</span>{<span class="hljs-attribute">display</span>:inline-block<span class="hljs-meta">!important</span>;<span class="hljs-attribute">max-width</span>:<span class="hljs-number">30px</span><span class="hljs-meta">!important</span>;<span class="hljs-attribute">min-width</span>:<span class="hljs-number">30px</span><span class="hljs-meta">!important</span>;}<span class="hljs-selector-id">#fvContentID</span> <span class="hljs-selector-class">.attachment</span>><span class="hljs-selector-tag">a</span>{<span class="hljs-attribute">display</span>:contents<span class="hljs-meta">!important</span>;}</span><span class="hljs-tag"></<span class="hljs-name">style</span>></span>\n <span class="hljs-tag"></<span class="hljs-name">div</span>></span>\n <span class="hljs-tag"></<span class="hljs-name">div</span>></span>\n <span class="hljs-tag"></<span class="hljs-name">div</span>></span>\n <span class="hljs-tag"></<span class="hljs-name">div</span>></span>\n <span class="hljs-tag"><<span class="hljs-name">script</span>></span><span class="language-javascript">\n <span class="hljs-keyword">function</span> <span class="hljs-title function_">savefun</span>(<span class="hljs-params"></span>){\n $(<span class="hljs-string">"#showID"</span>).<span class="hljs-title function_">html</span>(tinymceConfig.<span class="hljs-title function_">getHtml</span>())\n }\n <span class="hljs-keyword">var</span> xhrOnProgress = <span class="hljs-keyword">function</span> (<span class="hljs-params">fun</span>) {\n xhrOnProgress.<span class="hljs-property">onprogress</span> = fun;\n <span class="hljs-keyword">return</span> <span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) {\n <span class="hljs-keyword">var</span> xhr = $.ajaxSettings.<span class="hljs-title function_">xhr</span>();\n <span class="hljs-keyword">if</span> (<span class="hljs-keyword">typeof</span> xhrOnProgress.<span class="hljs-property">onprogress</span> !== <span class="hljs-string">'function'</span>)\n <span class="hljs-keyword">return</span> xhr;\n <span class="hljs-keyword">if</span> (xhrOnProgress.<span class="hljs-property">onprogress</span> && xhr.<span class="hljs-property">upload</span>) {\n xhr.<span class="hljs-property">upload</span>.<span class="hljs-property">onprogress</span> = xhrOnProgress.<span class="hljs-property">onprogress</span>;\n }\n <span class="hljs-keyword">return</span> xhr;\n }\n }\n <span class="hljs-keyword">var</span> tinymceConfig= {\n <span class="hljs-attr">tinyID</span>: <span class="hljs-string">"mytextarea"</span>,<span class="hljs-comment">//作用域ID</span>\n <span class="hljs-attr">placeholder</span>: <span class="hljs-string">''</span>, <span class="hljs-comment">//默认文字</span>\n <span class="hljs-attr">infoHtml</span>: $(<span class="hljs-variable language_">this</span>.<span class="hljs-property">tinyID</span>).<span class="hljs-title function_">html</span>(),<span class="hljs-comment">//初始化内容</span>\n <span class="hljs-title class_">GbaseUrl</span>: <span class="hljs-string">''</span>,<span class="hljs-comment">//全局baseUrl</span>\n <span class="hljs-attr">OMHtml</span>: <span class="hljs-string">'<div style="height: 1500px;"><p><h2>操作手册：</h2></p></div><p>666</p>'</span>, <span class="hljs-comment">//设置操作手册Html</span>\n <span class="hljs-attr">CPHtml</span>: <span class="hljs-string">''</span>,\n }\n tinymce.<span class="hljs-title function_">init</span>({\n <span class="hljs-attr">selector</span>: <span class="hljs-string">'#'</span>+tinymceConfig.<span class="hljs-property">tinyID</span>,\n <span class="hljs-attr">language</span>:<span class="hljs-string">'zh_CN'</span>,\n <span class="hljs-attr">menubar</span>:<span class="hljs-literal">false</span>,\n <span class="hljs-attr">branding</span>: <span class="hljs-literal">false</span>,\n <span class="hljs-attr">min_height</span>:<span class="hljs-number">400</span>,\n <span class="hljs-attr">max_height</span>: <span class="hljs-number">700</span>,\n <span class="hljs-attr">plugins</span>: <span class="hljs-string">' print axupimgs clearhtml preview insertdatetime attachment searchreplace visualblocks autolink layout fullscreen toc image upfile link media code codesample table charmap hr pagebreak anchor advlist lists textpattern help emoticons autosave bdmap indent2em axupimgs letterspacing imagetools quickbars attachment wordcount autoresize importword tpCollapse tpTabs tpButtons'</span>,\n <span class="hljs-attr">toolbar_groups</span>: {\n <span class="hljs-attr">formatting</span>: {\n <span class="hljs-attr">text</span>: <span class="hljs-string">'文字格式'</span>,\n <span class="hljs-attr">tooltip</span>: <span class="hljs-string">'Formatting'</span>,\n <span class="hljs-attr">items</span>: <span class="hljs-string">'bold italic underline | superscript subscript'</span>,\n },\n <span class="hljs-attr">alignment</span>: {\n <span class="hljs-attr">icon</span>: <span class="hljs-string">'align-left'</span>,\n <span class="hljs-attr">tooltip</span>: <span class="hljs-string">'alignment'</span>,\n <span class="hljs-attr">items</span>: <span class="hljs-string">'alignleft aligncenter alignright alignjustify'</span>,\n }\n },\n <span class="hljs-attr">toolbar</span>: [<span class="hljs-string">'|code formatselect fontselect fontsizeselect forecolor backcolor bold italic underline strikethrough link alignment indent2em outdent indent lineheight letterspacing bullist numlist blockquote subscript superscript layout removeformat table image axupimgs media upfile attachment emoticons importword charmap hr pagebreak clearhtml tpImportword codesample visualblocks insertdatetime bdmap quickbars toc cut copy undo redo ltr rtl tpCollapse tpTabs tpButtons restoredraft searchreplace fullscreen help wordcount preview'</span>],\n <span class="hljs-attr">table_style_by_css</span>: <span class="hljs-literal">true</span>,\n <span class="hljs-title class_">OperationManualHtml</span>: <span class="hljs-string">''</span>,\n <span class="hljs-title class_">CommonProblemHtml</span>: <span class="hljs-string">''</span>,\n <span class="hljs-attr">fixed_toolbar_container</span>:<span class="hljs-string">'#tinymce-app .toolbar'</span>,\n <span class="hljs-attr">custom_ui_selector</span>: <span class="hljs-string">'#tinymce-app'</span>,\n <span class="hljs-attr">placeholder</span>:<span class="hljs-string">''</span>+tinymceConfig.<span class="hljs-property">placeholder</span>,\n <span class="hljs-attr">file_picker_types</span>: <span class="hljs-string">'media'</span>,\n <span class="hljs-attr">powerpaste_word_import</span>: <span class="hljs-string">"clean"</span>, <span class="hljs-comment">// 是否保留word粘贴样式 clean | merge </span>\n <span class="hljs-attr">powerpaste_html_import</span>: <span class="hljs-string">'clean'</span>, <span class="hljs-comment">// propmt, merge, clean</span>\n <span class="hljs-attr">powerpaste_allow_local_images</span>: <span class="hljs-literal">true</span>,<span class="hljs-comment">//</span>\n <span class="hljs-attr">powerpaste_keep_unsupported_src</span>:<span class="hljs-literal">true</span>,\n <span class="hljs-attr">paste_data_images</span>: <span class="hljs-literal">true</span>,\n <span class="hljs-attr">toolbar_sticky</span>: <span class="hljs-literal">false</span>,\n <span class="hljs-attr">skeletonScreen</span>: <span class="hljs-literal">true</span>,\n <span class="hljs-attr">autosave_ask_before_unload</span>: <span class="hljs-literal">false</span>,\n <span class="hljs-attr">fontsize_formats</span>: <span class="hljs-string">'12px 14px 16px 18px 24px 36px 48px 56px 72px'</span>,\n <span class="hljs-attr">font_formats</span>: <span class="hljs-string">'微软雅黑=Microsoft YaHei,Helvetica Neue,PingFang SC,sans-serif;苹果苹方=PingFang SC,Microsoft YaHei,sans-serif;宋体=simsun,serif;仿宋体=FangSong,serif;黑体=SimHei,sans-serif;Arial=arial,helvetica,sans-serif;Symbol=symbol;Tahoma=tahoma,arial,helvetica,sans-serif;Terminal=terminal,monaco;Times New Roman=times new roman,times;Verdana=verdana,geneva;Webdings=webdings;Wingdings=wingdings,zapf dingbats;'</span>,\n <span class="hljs-attr">images_upload_base_path</span>: <span class="hljs-string">''</span>,\n \n <span class="hljs-attr">images_upload_handler</span>: <span class="hljs-keyword">function</span> (<span class="hljs-params">blobInfo, succFun, failFun</span>) {\n <span class="hljs-keyword">var</span> file = blobInfo.<span class="hljs-title function_">blob</span>();\n <span class="hljs-keyword">var</span> reader = <span class="hljs-keyword">new</span> <span class="hljs-title class_">FileReader</span>();\n reader.<span class="hljs-property">onload</span> = <span class="hljs-keyword">function</span>(<span class="hljs-params">e</span>){\n <span class="hljs-title function_">succFun</span>(e.<span class="hljs-property">target</span>.<span class="hljs-property">result</span>)\n }\n reader.<span class="hljs-title function_">readAsDataURL</span>(file)\n },\n <span class="hljs-attr">file_picker_callback</span>: <span class="hljs-keyword">function</span> (<span class="hljs-params">succFun, value, meta</span>) { <span class="hljs-comment">//自定义文件上传函数 </span>\n <span class="hljs-keyword">var</span> filetype = <span class="hljs-string">'.pdf, .txt, .zip, .rar, .7z, .doc, .docx, .xls, .xlsx, .ppt, .pptx, .mp3, .mp4'</span>;\n <span class="hljs-keyword">var</span> input = <span class="hljs-variable language_">document</span>.<span class="hljs-title function_">createElement</span>(<span class="hljs-string">'input'</span>);\n input.<span class="hljs-title function_">setAttribute</span>(<span class="hljs-string">'type'</span>, <span class="hljs-string">'file'</span>);\n input.<span class="hljs-title function_">setAttribute</span>(<span class="hljs-string">'accept'</span>, filetype);\n input.<span class="hljs-title function_">click</span>();\n input.<span class="hljs-property">onchange</span> = <span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) {\n <span class="hljs-keyword">var</span> file = <span class="hljs-variable language_">this</span>.<span class="hljs-property">files</span>[<span class="hljs-number">0</span>];\n <span class="hljs-keyword">var</span> data = <span class="hljs-keyword">new</span> <span class="hljs-title class_">FormData</span>();\n data.<span class="hljs-title function_">append</span>(<span class="hljs-string">"file"</span>, file);\n $.<span class="hljs-title function_">ajax</span>({\n <span class="hljs-attr">data</span>: data,\n <span class="hljs-attr">type</span>: <span class="hljs-string">'GET'</span>,\n <span class="hljs-attr">url</span>: <span class="hljs-string">'./api/file.json'</span>,\n <span class="hljs-attr">header</span>:{<span class="hljs-string">'Content-Type'</span>:<span class="hljs-string">'multipart/form-data'</span>},\n <span class="hljs-attr">cache</span>: <span class="hljs-literal">false</span>,\n <span class="hljs-attr">contentType</span>: <span class="hljs-literal">false</span>,\n <span class="hljs-attr">processData</span>: <span class="hljs-literal">false</span>,\n <span class="hljs-attr">dataType</span>: <span class="hljs-string">'json'</span>,\n <span class="hljs-attr">xhr</span>: <span class="hljs-title function_">xhrOnProgress</span>(<span class="hljs-keyword">function</span> (<span class="hljs-params">e</span>) {\n <span class="hljs-keyword">const</span> percent = (e.<span class="hljs-property">loaded</span> / e.<span class="hljs-property">total</span> * <span class="hljs-number">100</span> | <span class="hljs-number">0</span>) + <span class="hljs-string">'%'</span>;<span class="hljs-comment">//计算百分比</span>\n <span class="hljs-comment">// console.log(percent);</span>\n <span class="hljs-title function_">progressCallback</span>(percent);\n \n }),\n }).<span class="hljs-title function_">then</span>(<span class="hljs-keyword">function</span> (<span class="hljs-params">data</span>) {\n <span class="hljs-keyword">if</span> ( data.<span class="hljs-property">code</span>== <span class="hljs-number">200</span>) {\n <span class="hljs-title function_">succFun</span>(data.<span class="hljs-property">data</span>,{ <span class="hljs-attr">text</span>: data.<span class="hljs-property">data</span> });\n }\n }).<span class="hljs-title function_">fail</span>(<span class="hljs-keyword">function</span> (<span class="hljs-params">error</span>) {\n <span class="hljs-title function_">failFun</span>(<span class="hljs-string">'上传失败:'</span> + error.<span class="hljs-property">message</span>)\n });\n }\n },\n <span class="hljs-attr">file_callback</span>: <span class="hljs-keyword">function</span> (<span class="hljs-params">file, succFun</span>) { <span class="hljs-comment">//文件上传 file:文件对象 succFun(url|string,obj) 成功回调</span>\n <span class="hljs-keyword">var</span> data = <span class="hljs-keyword">new</span> <span class="hljs-title class_">FormData</span>();\n data.<span class="hljs-title function_">append</span>(<span class="hljs-string">"file"</span>, file);\n $.<span class="hljs-title function_">ajax</span>({\n <span class="hljs-attr">data</span>: data,\n <span class="hljs-attr">type</span>: <span class="hljs-string">'GET'</span>,\n <span class="hljs-attr">url</span>: <span class="hljs-string">'/tinymce/api/file.json'</span>,\n <span class="hljs-attr">cache</span>: <span class="hljs-literal">false</span>,\n <span class="hljs-attr">contentType</span>: <span class="hljs-literal">false</span>,\n <span class="hljs-attr">processData</span>: <span class="hljs-literal">false</span>,\n <span class="hljs-attr">header</span>:{<span class="hljs-string">'Content-Type'</span>:<span class="hljs-string">'multipart/form-data'</span>},\n <span class="hljs-attr">dataType</span>: <span class="hljs-string">'json'</span>,\n <span class="hljs-attr">xhr</span>: <span class="hljs-title function_">xhrOnProgress</span>(<span class="hljs-keyword">function</span> (<span class="hljs-params">e</span>) {\n <span class="hljs-keyword">const</span> percent = (e.<span class="hljs-property">loaded</span> / e.<span class="hljs-property">total</span> * <span class="hljs-number">100</span> | <span class="hljs-number">0</span>) + <span class="hljs-string">'%'</span>;<span class="hljs-comment">//计算百分比</span>\n <span class="hljs-title function_">progressCallback</span>(percent);\n }),\n }).<span class="hljs-title function_">then</span>(<span class="hljs-keyword">function</span> (<span class="hljs-params">data</span>) {\n <span class="hljs-keyword">if</span> ( data.<span class="hljs-property">code</span>== <span class="hljs-number">200</span>) {\n <span class="hljs-title function_">succFun</span>(data.<span class="hljs-property">data</span>,{<span class="hljs-attr">text</span>: file.<span class="hljs-property">name</span>});\n } \n }).<span class="hljs-title function_">fail</span>(<span class="hljs-keyword">function</span> (<span class="hljs-params">error</span>) {\n <span class="hljs-comment">// failFun('上传失败:' + error.message)</span>\n });\n },\n <span class="hljs-attr">tp_attachment_max_size</span>: <span class="hljs-number">5009715200</span>,\n <span class="hljs-comment">// attachment_style: '.attachment>img{display:inline-block!important;max-width:30px!important;}',</span>\n <span class="hljs-attr">tp_attachment_assets_path</span>: <span class="hljs-string">'/tinymce/plugins/attachment/icons'</span>,\n \n \n <span class="hljs-attr">init_instance_callback</span>: <span class="hljs-keyword">function</span>(<span class="hljs-params">editor</span>){\n $(<span class="hljs-string">'#tinymce-app'</span>).<span class="hljs-title function_">fadeIn</span>(<span class="hljs-number">1000</span>);\n <span class="hljs-comment">// editor.execCommand('selectAll');</span>\n <span class="hljs-comment">// editor.selection.getRng().collapse(false);</span>\n <span class="hljs-comment">// editor.focus();</span>\n }\n }).<span class="hljs-title function_">then</span>(<span class="hljs-keyword">function</span>(<span class="hljs-params">res</span>){\n tinymce.<span class="hljs-property">feedBackIframeUrl</span> =<span class="hljs-string">'/tinymce/plugins/help/docBox.html'</span>; <span class="hljs-comment">//反馈链接</span>\n });\n </span><span class="hljs-tag"></<span class="hljs-name">script</span>></span>\n<span class="hljs-tag"></<span class="hljs-name">body</span>></span>\n<span class="hljs-tag"></<span class="hljs-name">html</span>></span>\n\n</code><div class="language-text" >html</div></pre>'},sourceCode:function(){return'<iframe scrolling="no" width="100%" style="width:100%;margin:auto 0;border:0px; min-height: 519px" onload="autoIframeHeight(this)" src="/demo/demo-basic_t_enjqcq1665394502088_p_1665394508832/index.html"></iframe>'}},template:'<PreviewIframe class="demo-basic_t_enjqcq1665394502088_p_" idx="Demo0" :source="source()" :sourceCode="sourceCode()">\n \n </PreviewIframe>'},l={methods:{source:function(){return'<pre class="hljs fv-hljs "><ul class="highlight-line-number " ><li ><span>1</span></li><li ><span>2</span></li><li ><span>3</span></li><li ><span>4</span></li><li ><span>5</span></li><li ><span>6</span></li><li ><span>7</span></li><li ><span>8</span></li><li ><span>9</span></li><li ><span>10</span></li><li ><span>11</span></li><li ><span>12</span></li><li ><span>13</span></li><li ><span>14</span></li><li ><span>15</span></li><li ><span>16</span></li><li ><span>17</span></li><li ><span>18</span></li><li ><span>19</span></li><li ><span>20</span></li><li ><span>21</span></li><li ><span>22</span></li><li ><span>23</span></li><li ><span>24</span></li><li ><span>25</span></li><li ><span>26</span></li><li ><span>27</span></li><li ><span>28</span></li><li ><span>29</span></li><li ><span>30</span></li><li ><span>31</span></li><li ><span>32</span></li><li ><span>33</span></li><li ><span>34</span></li><li ><span>35</span></li><li ><span>36</span></li><li ><span>37</span></li><li ><span>38</span></li><li ><span>39</span></li><li ><span>40</span></li><li ><span>41</span></li><li ><span>42</span></li><li ><span>43</span></li><li ><span>44</span></li><li ><span>45</span></li><li ><span>46</span></li><li ><span>47</span></li><li ><span>48</span></li><li ><span>49</span></li><li ><span>50</span></li><li ><span>51</span></li><li ><span>52</span></li><li ><span>53</span></li><li ><span>54</span></li><li ><span>55</span></li><li ><span>56</span></li><li ><span>57</span></li><li ><span>58</span></li><li ><span>59</span></li><li ><span>60</span></li><li ><span>61</span></li><li ><span>62</span></li><li ><span>63</span></li><li ><span>64</span></li><li ><span>65</span></li><li ><span>66</span></li><li ><span>67</span></li><li ><span>68</span></li><li ><span>69</span></li><li ><span>70</span></li><li ><span>71</span></li><li ><span>72</span></li><li ><span>73</span></li><li ><span>74</span></li><li ><span>75</span></li><li ><span>76</span></li><li ><span>77</span></li><li ><span>78</span></li><li ><span>79</span></li><li ><span>80</span></li><li ><span>81</span></li><li ><span>82</span></li></ul><code class=" hljs hljs-html" @click.stop="()=>{}"><span class="hljs-meta"><!DOCTYPE <span class="hljs-keyword">html</span>></span>\n<span class="hljs-tag"><<span class="hljs-name">html</span>></span>\n<span class="hljs-tag"><<span class="hljs-name">head</span>></span>\n <span class="hljs-tag"><<span class="hljs-name">meta</span> <span class="hljs-attr">charset</span>=<span class="hljs-string">"UTF-8"</span>></span>\n <span class="hljs-tag"><<span class="hljs-name">meta</span> <span class="hljs-attr">http-equiv</span>=<span class="hljs-string">"X-UA-Compatible"</span> <span class="hljs-attr">content</span>=<span class="hljs-string">"IE=edge"</span>></span>\n <span class="hljs-tag"><<span class="hljs-name">meta</span> <span class="hljs-attr">name</span>=<span class="hljs-string">"viewport"</span> <span class="hljs-attr">content</span>=<span class="hljs-string">"width=device-width, initial-scale=1.0"</span>></span>\n <span class="hljs-tag"><<span class="hljs-name">meta</span> <span class="hljs-attr">name</span>=<span class="hljs-string">"renderer"</span> <span class="hljs-attr">content</span>=<span class="hljs-string">"webkit"</span>></span>\n <span class="hljs-tag"><<span class="hljs-name">style</span>></span><span class="language-css">\n \n <span class="hljs-selector-id">#tinymce-app</span>{<span class="hljs-attribute">display</span>:none;}\n <span class="hljs-selector-id">#tinymce-app</span> <span class="hljs-selector-class">.toolbar</span> {<span class="hljs-attribute">padding-bottom</span>:<span class="hljs-number">10px</span>;}\n <span class="hljs-selector-id">#tinymce-app</span> <span class="hljs-selector-class">.tox</span> <span class="hljs-selector-class">.tox-toolbar</span>{<span class="hljs-attribute">background</span>:none;}\n <span class="hljs-selector-id">#tinymce-app</span> <span class="hljs-selector-class">.tox-tinymce-inline</span> <span class="hljs-selector-class">.tox-editor-header</span>{<span class="hljs-attribute">border</span>:none;}\n <span class="hljs-selector-id">#tinymce-app</span> <span class="hljs-selector-class">.tox</span><span class="hljs-selector-pseudo">:not</span>(<span class="hljs-selector-attr">[dir=rtl]</span>) <span class="hljs-selector-class">.tox-toolbar__group</span><span class="hljs-selector-pseudo">:not</span>(<span class="hljs-selector-pseudo">:last-of-type</span>){<span class="hljs-attribute">border</span>:none;}\n <span class="hljs-selector-id">#tinymce-app</span> <span class="hljs-selector-class">.tox</span><span class="hljs-selector-pseudo">:not</span>(<span class="hljs-selector-attr">[dir=rtl]</span>) <span class="hljs-selector-class">.tox-toolbar__group</span><span class="hljs-selector-pseudo">:not</span>(<span class="hljs-selector-pseudo">:last-of-type</span>):after{border:none;}\n <span class="hljs-selector-id">#tinymce-app</span> <span class="hljs-selector-class">.box</span> {<span class="hljs-attribute">padding</span>:<span class="hljs-number">10px</span>;<span class="hljs-attribute">border</span>:<span class="hljs-number">1px</span> solid <span class="hljs-number">#ddd</span>;}\n <span class="hljs-selector-id">#tinymce-app</span> <span class="hljs-selector-class">.tit</span>{<span class="hljs-attribute">padding-bottom</span>:<span class="hljs-number">10px</span>;}\n <span class="hljs-selector-id">#tinymce-app</span> <span class="hljs-selector-class">.tit</span> <span class="hljs-selector-tag">input</span>{<span class="hljs-attribute">font-size</span>:<span class="hljs-number">24px</span>;<span class="hljs-attribute">padding</span>:<span class="hljs-number">8px</span> <span class="hljs-number">8px</span>;<span class="hljs-attribute">width</span>:<span class="hljs-number">100%</span>;<span class="hljs-attribute">box-sizing</span>:border-box;<span class="hljs-attribute">border</span>:none;<span class="hljs-attribute">box-shadow</span>:none;<span class="hljs-attribute">background-color</span>:<span class="hljs-number">#fefefe</span>;<span class="hljs-attribute">color</span>:<span class="hljs-number">#777</span>;<span class="hljs-attribute">border-bottom</span>:<span class="hljs-number">1px</span> dotted <span class="hljs-number">#ccc</span>;}\n <span class="hljs-selector-id">#tinymce-app</span> <span class="hljs-selector-class">.tit</span> <span class="hljs-selector-tag">input</span><span class="hljs-selector-pseudo">:focus</span>{<span class="hljs-attribute">outline</span>:<span class="hljs-number">0</span>;}\n <span class="hljs-selector-id">#tinymce-app</span> <span class="hljs-selector-class">.tinymce-cnt</span>{<span class="hljs-attribute">min-height</span>:<span class="hljs-number">300px</span>;<span class="hljs-attribute">max-height</span>:<span class="hljs-number">500px</span>;<span class="hljs-attribute">overflow</span>:auto;<span class="hljs-attribute">font-size</span>:<span class="hljs-number">16px</span>;<span class="hljs-attribute">padding</span>:<span class="hljs-number">0.5em</span>;}\n <span class="hljs-selector-id">#tinymce-app</span> <span class="hljs-selector-class">.tinymce-cnt</span><span class="hljs-selector-pseudo">:focus</span>{<span class="hljs-attribute">outline</span>:<span class="hljs-number">0</span>;}\n <span class="hljs-selector-id">#tinymce-app</span> <span class="hljs-selector-class">.tinymce-cnt</span> <span class="hljs-selector-tag">p</span>{<span class="hljs-attribute">text-indent</span>:<span class="hljs-number">0</span>; <span class="hljs-attribute">margin</span>:<span class="hljs-number">0</span>;<span class="hljs-attribute">padding</span>: <span class="hljs-number">0</span>; <span class="hljs-attribute">margin-bottom</span>: <span class="hljs-number">0.5em</span>;}\n </span><span class="hljs-tag"></<span class="hljs-name">style</span>></span>\n <span class="hljs-tag"><<span class="hljs-name">script</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"</span>></span><span class="hljs-tag"></<span class="hljs-name">script</span>></span>\n <span class="hljs-comment"><!-- <script src='./api/api.js'></script> --></span>\n \n <span class="hljs-tag"><<span class="hljs-name">script</span> <span class="hljs-attr">src</span>=<span class="hljs-string">'/tinymce/tinymce.js'</span>></span><span class="hljs-tag"></<span class="hljs-name">script</span>></span><span class="hljs-comment"><!-- 必要 --></span>\n <span class="hljs-tag"><<span class="hljs-name">script</span> <span class="hljs-attr">src</span>=<span class="hljs-string">'/tinymce/tinymce-plugin.js'</span>></span><span class="hljs-tag"></<span class="hljs-name">script</span>></span><span class="hljs-comment"><!-- 必要 --></span>\n\n<span class="hljs-tag"></<span class="hljs-name">head</span>></span>\n<span class="hljs-tag"><<span class="hljs-name">body</span> <span class="hljs-attr">tp-page-height</span>=<span class="hljs-string">"90"</span>></span>\n <span class="hljs-tag"><<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"demo"</span>></span>\n <span class="hljs-tag"><<span class="hljs-name">div</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"tinymce-app"</span>></span>\n <span class="hljs-tag"><<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"toolbar"</span>></span><span class="hljs-tag"></<span class="hljs-name">div</span>></span>\n <span class="hljs-tag"><<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"tit"</span>></span><span class="hljs-tag"><<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"text"</span> <span class="hljs-attr">placeholder</span>=<span class="hljs-string">"请输入标题……"</span>></span><span class="hljs-tag"></<span class="hljs-name">div</span>></span>\n <span class="hljs-tag"><<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"tinymce-demo"</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"color: #000;"</span>></span>\n <span class="hljs-tag"><<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"tinymce-cnt"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"tinymce-doc"</span>></span>\n <span class="hljs-tag"></<span class="hljs-name">div</span>></span>\n <span class="hljs-tag"></<span class="hljs-name">div</span>></span>\n <span class="hljs-tag"></<span class="hljs-name">div</span>></span>\n <span class="hljs-tag"></<span class="hljs-name">div</span>></span>\n <span class="hljs-tag"><<span class="hljs-name">script</span>></span><span class="language-javascript">\n \n tinymce.<span class="hljs-title function_">init</span>({\n <span class="hljs-attr">selector</span>: <span class="hljs-string">'#tinymce-doc'</span>,\n <span class="hljs-attr">language</span>:<span class="hljs-string">'zh_CN'</span>,\n <span class="hljs-attr">menubar</span>:<span class="hljs-literal">false</span>,\n <span class="hljs-attr">inline</span>: <span class="hljs-literal">true</span>,\n <span class="hljs-attr">plugins</span>: <span class="hljs-string">'print preview searchreplace autolink fullscreen image link media code codesample table charmap hr pagebreak nonbreaking anchor advlist lists textpattern help emoticons autosave bdmap tpIndent2em axupimgs'</span>,\n <span class="hljs-attr">toolbar</span>: <span class="hljs-string">'code undo redo restoredraft | cut copy | forecolor backcolor bold italic underline strikethrough link | alignleft aligncenter alignright alignjustify | bullist numlist blockquote subscript superscript removeformat | \\\n formatselect fontselect fontsizeselect | \\\n table image media charmap emoticons hr pagebreak print preview | fullscreen | bdmap tpIndent2em axupimgs'</span>,\n <span class="hljs-attr">fixed_toolbar_container</span>:<span class="hljs-string">'#tinymce-app .toolbar'</span>,\n <span class="hljs-attr">custom_ui_selector</span>: <span class="hljs-string">'body'</span>,\n <span class="hljs-attr">placeholder</span>:<span class="hljs-string">'placeholder占位文字'</span>,\n <span class="hljs-comment">//auto_focus: true,</span>\n toolbar_mode : <span class="hljs-string">'wrap'</span>,\n <span class="hljs-attr">toolbar_sticky</span>: <span class="hljs-literal">true</span>,\n <span class="hljs-attr">autosave_ask_before_unload</span>: <span class="hljs-literal">false</span>,\n <span class="hljs-attr">fontsize_formats</span>: <span class="hljs-string">'12px 14px 16px 18px 24px 36px 48px 56px 72px'</span>,\n <span class="hljs-attr">font_formats</span>: <span class="hljs-string">'微软雅黑=Microsoft YaHei,Helvetica Neue,PingFang SC,sans-serif;苹果苹方=PingFang SC,Microsoft YaHei,sans-serif;宋体=simsun,serif;仿宋体=FangSong,serif;黑体=SimHei,sans-serif;Arial=arial,helvetica,sans-serif;Arial Black=arial black,avant garde;Book Antiqua=book antiqua,palatino;Comic Sans MS=comic sans ms,sans-serif;Courier New=courier new,courier;Georgia=georgia,palatino;Helvetica=helvetica;Impact=impact,chicago;Symbol=symbol;Tahoma=tahoma,arial,helvetica,sans-serif;Terminal=terminal,monaco;Times New Roman=times new roman,times;Verdana=verdana,geneva;Webdings=webdings;Wingdings=wingdings,zapf dingbats;知乎配置=BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;小米配置=Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif'</span>,\n <span class="hljs-attr">images_upload_base_path</span>: <span class="hljs-string">''</span>,\n <span class="hljs-attr">images_upload_handler</span>: <span class="hljs-keyword">function</span> (<span class="hljs-params">blobInfo, succFun, failFun</span>) {\n <span class="hljs-keyword">var</span> file = blobInfo.<span class="hljs-title function_">blob</span>();\n <span class="hljs-keyword">var</span> reader = <span class="hljs-keyword">new</span> <span class="hljs-title class_">FileReader</span>();\n reader.<span class="hljs-property">onload</span> = <span class="hljs-keyword">function</span>(<span class="hljs-params">e</span>){\n <span class="hljs-title function_">succFun</span>(e.<span class="hljs-property">target</span>.<span class="hljs-property">result</span>)\n }\n reader.<span class="hljs-title function_">readAsDataURL</span>(file)\n },\n <span class="hljs-attr">init_instance_callback</span>: <span class="hljs-keyword">function</span>(<span class="hljs-params">editor</span>){\n $(<span class="hljs-string">'#tinymce-app'</span>).<span class="hljs-title function_">fadeIn</span>(<span class="hljs-number">1500</span>);\n editor.<span class="hljs-title function_">execCommand</span>(<span class="hljs-string">'selectAll'</span>);\n editor.<span class="hljs-property">selection</span>.<span class="hljs-title function_">getRng</span>().<span class="hljs-title function_">collapse</span>(<span class="hljs-literal">false</span>);\n editor.<span class="hljs-title function_">focus</span>();\n }\n });\n \n </span><span class="hljs-tag"></<span class="hljs-name">script</span>></span>\n<span class="hljs-tag"></<span class="hljs-name">body</span>></span>\n<span class="hljs-tag"></<span class="hljs-name">html</span>></span>\n\n</code><div class="language-text" >html</div></pre>'},sourceCode:function(){return'<iframe scrolling="no" width="100%" style="width:100%;margin:auto 0;border:0px; min-height: 111px" onload="autoIframeHeight(this)" src="/demo/demo-basic_t_enjqcq1665394502088_p_1665394508848/index.html"></iframe>'}},template:'<PreviewIframe class="demo-basic_t_enjqcq1665394502088_p_" idx="Demo1" :source="source()" :sourceCode="sourceCode()">\n \n </PreviewIframe>'};s("default",a({components:{Demo0:n,Demo1:l},template:'<div class="fv-mardown-html"><div class="fv-mardown-main tp-doc"><Demo0 data-isComponent="iframe" />\n<h2 id="内联模式" tabindex="-1"><a class="header-anchor" href="#内联模式">#</a> 内联模式</h2>\n<Demo1 data-isComponent="iframe" />\n</div></div><PagesRouter docPath="guide/examples/basic.md" mapType="docs" docRepo="tinymce-plugin-docs" pagesName="basic_t_enjqcq1665394502088_p_" />'}))}}}));
