【Misskey】リンクコードを生成するウィジェット

  1. var inputText = ""
  2. var inputUrl = ""
  3. var showThumb = false
  4.  
  5. @updateText(text url thumb) {
  6. var switch = "?"
  7. if (text == null) text = ""
  8. if (url == null) url = ""
  9. if (thumb) {
  10. switch = ""
  11. }
  12. var linkText = ""
  13. linkText = `{switch}[{text}]({url})`
  14. Ui:get('result').update({
  15. default: `{linkText}`
  16. })
  17. }
  18.  
  19. Ui:render([
  20. Ui:C:textInput({
  21. onInput: @(text){
  22. inputText = text
  23. }
  24. default: ""
  25. label: "表示する文字"
  26. })
  27. Ui:C:textInput({
  28. onInput: @(url){
  29. inputUrl = url
  30. }
  31. default: ""
  32. label: "URL"
  33. })
  34. Ui:C:switch({
  35. onChange: @(enabled) {
  36. showThumb = enabled
  37. }
  38. default: false
  39. label: "リンクプレビューを表示する"
  40. })
  41. Ui:C:button({
  42. text: "作成"
  43. onClick: @(){
  44. updateText(inputText inputUrl showThumb)
  45. }
  46. })
  47. Ui:C:textInput({
  48. default: ""
  49. label: "作成したコード"
  50. }, 'result')
  51. ])