Text exports one character per <text> element #2866

liuweitao111 · 2022-10-25T11:32:30Z

hi, If my text is in Arabic, there will be a problem with splitting the text into per characters.

For example:
My text is اختبر كتابتك العربية هههه

My expect results:

but current results is(in version 5.9.6):

Animation Data:

const data = {
  "v": "5.5.9",
  "fr": 24,
  "ip": 0,
  "op": 72,
  "w": 200,
  "h": 200,
  "nm": "合成 2",
  "ddd": 0,
  "assets": [
      {
          "id": "comp_0",
          "layers": [
              {
                  "ddd": 0,
                  "ind": 1,
                  "ty": 5,
                  "nm": "textnode",
                  "sr": 1,
                  "ks": {
                      "o": {
                          "a": 0,
                          "k": 100,
                          "ix": 11
                      },
                      "r": {
                          "a": 1,
                          "k": [
                              {
                                  "i": {
                                      "x": [
                                          0.833
                                      ],
                                      "y": [
                                          0.833
                                      ]
                                  },
                                  "o": {
                                      "x": [
                                          0.167
                                      ],
                                      "y": [
                                          0.167
                                      ]
                                  },
                                  "t": 0,
                                  "s": [
                                      0
                                  ]
                              },
                              {
                                  "i": {
                                      "x": [
                                          0.833
                                      ],
                                      "y": [
                                          0.833
                                      ]
                                  },
                                  "o": {
                                      "x": [
                                          0.167
                                      ],
                                      "y": [
                                          0.167
                                      ]
                                  },
                                  "t": 71,
                                  "s": [
                                      172.815
                                  ]
                              },
                              {
                                  "t": 119,
                                  "s": [
                                      174
                                  ]
                              }
                          ],
                          "ix": 10
                      },
                      "p": {
                          "a": 1,
                          "k": [
                              {
                                  "i": {
                                      "x": 0.833,
                                      "y": 0.833
                                  },
                                  "o": {
                                      "x": 0.167,
                                      "y": 0.167
                                  },
                                  "t": 0,
                                  "s": [
                                      35,
                                      40,
                                      0
                                  ],
                                  "to": [
                                      12.613,
                                      7.317,
                                      0
                                  ],
                                  "ti": [
                                      -31.075,
                                      -18.028,
                                      0
                                  ]
                              },
                              {
                                  "i": {
                                      "x": 0.833,
                                      "y": 0.833
                                  },
                                  "o": {
                                      "x": 0.167,
                                      "y": 0.167
                                  },
                                  "t": 71,
                                  "s": [
                                      168.16,
                                      107.345,
                                      0
                                  ],
                                  "to": [
                                      22.717,
                                      13.18,
                                      0
                                  ],
                                  "ti": [
                                      -9.221,
                                      -5.349,
                                      0
                                  ]
                              },
                              {
                                  "t": 119,
                                  "s": [
                                      166,
                                      116,
                                      0
                                  ]
                              }
                          ],
                          "ix": 2
                      },
                      "a": {
                          "a": 0,
                          "k": [
                              0,
                              0,
                              0
                          ],
                          "ix": 1
                      },
                      "s": {
                          "a": 0,
                          "k": [
                              100,
                              100,
                              100
                          ],
                          "ix": 6
                      }
                  },
                  "ao": 0,
                  "t": {
                      "d": {
                          "k": [
                              {
                                  "s": {
                                      "s": 12,
                                      "f": "STHeitiSC-Light",
                                      "t": "اختبر كتابتك العربية هههه",
                                      "j": 2,
                                      "tr": 0,
                                      "lh": 33.6,
                                      "ls": 0,
                                      "fc": [
                                          0.524,
                                          0.043,
                                          0.043
                                      ]
                                  },
                                  "t": 0
                              }
                          ]
                      },
                      "p": {},
                      "m": {
                          "g": 1,
                          "a": {
                              "a": 0,
                              "k": [
                                  0,
                                  0
                              ],
                              "ix": 2
                          }
                      },
                      "a": []
                  },
                  "ip": 0,
                  "op": 72,
                  "st": 0,
                  "bm": 0
              },
              {
                  "ddd": 0,
                  "ind": 2,
                  "ty": 4,
                  "nm": "rect",
                  "sr": 1,
                  "ks": {
                      "o": {
                          "a": 0,
                          "k": 100,
                          "ix": 11
                      },
                      "r": {
                          "a": 0,
                          "k": 0,
                          "ix": 10
                      },
                      "p": {
                          "a": 1,
                          "k": [
                              {
                                  "i": {
                                      "x": 0.833,
                                      "y": 0.833
                                  },
                                  "o": {
                                      "x": 0.167,
                                      "y": 0.167
                                  },
                                  "t": 0,
                                  "s": [
                                      100,
                                      100,
                                      0
                                  ],
                                  "to": [
                                      22.5,
                                      -0.5,
                                      0
                                  ],
                                  "ti": [
                                      -22.5,
                                      0.5,
                                      0
                                  ]
                              },
                              {
                                  "t": 119,
                                  "s": [
                                      235,
                                      97,
                                      0
                                  ]
                              }
                          ],
                          "ix": 2
                      },
                      "a": {
                          "a": 0,
                          "k": [
                              0,
                              0,
                              0
                          ],
                          "ix": 1
                      },
                      "s": {
                          "a": 0,
                          "k": [
                              100,
                              100,
                              100
                          ],
                          "ix": 6
                      }
                  },
                  "ao": 0,
                  "shapes": [
                      {
                          "ty": "gr",
                          "it": [
                              {
                                  "ty": "rc",
                                  "d": 1,
                                  "s": {
                                      "a": 0,
                                      "k": [
                                          67.559,
                                          65.285
                                      ],
                                      "ix": 2
                                  },
                                  "p": {
                                      "a": 0,
                                      "k": [
                                          0,
                                          0
                                      ],
                                      "ix": 3
                                  },
                                  "r": {
                                      "a": 0,
                                      "k": 0,
                                      "ix": 4
                                  },
                                  "nm": "矩形路径 1",
                                  "mn": "ADBE Vector Shape - Rect",
                                  "hd": false
                              },
                              {
                                  "ty": "st",
                                  "c": {
                                      "a": 0,
                                      "k": [
                                          1,
                                          1,
                                          1,
                                          1
                                      ],
                                      "ix": 3
                                  },
                                  "o": {
                                      "a": 0,
                                      "k": 100,
                                      "ix": 4
                                  },
                                  "w": {
                                      "a": 0,
                                      "k": 2,
                                      "ix": 5
                                  },
                                  "lc": 1,
                                  "lj": 1,
                                  "ml": 4,
                                  "bm": 0,
                                  "nm": "描边 1",
                                  "mn": "ADBE Vector Graphic - Stroke",
                                  "hd": false
                              },
                              {
                                  "ty": "fl",
                                  "c": {
                                      "a": 0,
                                      "k": [
                                          0.949019607843,
                                          0.309803921569,
                                          0.949019607843,
                                          1
                                      ],
                                      "ix": 4
                                  },
                                  "o": {
                                      "a": 0,
                                      "k": 100,
                                      "ix": 5
                                  },
                                  "r": 1,
                                  "bm": 0,
                                  "nm": "填充 1",
                                  "mn": "ADBE Vector Graphic - Fill",
                                  "hd": false
                              },
                              {
                                  "ty": "tr",
                                  "p": {
                                      "a": 0,
                                      "k": [
                                          -66.314,
                                          60.561
                                      ],
                                      "ix": 2
                                  },
                                  "a": {
                                      "a": 0,
                                      "k": [
                                          0,
                                          0
                                      ],
                                      "ix": 1
                                  },
                                  "s": {
                                      "a": 0,
                                      "k": [
                                          71.745,
                                          69.722
                                      ],
                                      "ix": 3
                                  },
                                  "r": {
                                      "a": 0,
                                      "k": 0,
                                      "ix": 6
                                  },
                                  "o": {
                                      "a": 0,
                                      "k": 100,
                                      "ix": 7
                                  },
                                  "sk": {
                                      "a": 0,
                                      "k": 0,
                                      "ix": 4
                                  },
                                  "sa": {
                                      "a": 0,
                                      "k": 0,
                                      "ix": 5
                                  },
                                  "nm": "变换"
                              }
                          ],
                          "nm": "矩形 1",
                          "np": 3,
                          "cix": 2,
                          "bm": 0,
                          "ix": 1,
                          "mn": "ADBE Vector Group",
                          "hd": false
                      }
                  ],
                  "ip": 0,
                  "op": 72,
                  "st": 0,
                  "bm": 0
              }
          ]
      }
  ],
  "fonts": {
      "list": [
          {
              "origin": 0,
              "fPath": "",
              "fClass": "",
              "fFamily": "Heiti SC",
              "fWeight": "",
              "fStyle": "Light",
              "fName": "STHeitiSC-Light",
              "ascent": 73.5989987850189
          }
      ]
  },
  "layers": [
      {
          "ddd": 0,
          "ind": 1,
          "ty": 0,
          "nm": "comp1",
          "refId": "comp_0",
          "sr": 1,
          "ks": {
              "o": {
                  "a": 0,
                  "k": 100,
                  "ix": 11
              },
              "r": {
                  "a": 0,
                  "k": 0,
                  "ix": 10
              },
              "p": {
                  "a": 0,
                  "k": [
                      100,
                      100,
                      0
                  ],
                  "ix": 2
              },
              "a": {
                  "a": 0,
                  "k": [
                      100,
                      100,
                      0
                  ],
                  "ix": 1
              },
              "s": {
                  "a": 0,
                  "k": [
                      100,
                      100,
                      100
                  ],
                  "ix": 6
              }
          },
          "ao": 0,
          "w": 200,
          "h": 200,
          "ip": 0,
          "op": 72,
          "st": 0,
          "bm": 0
      }
  ],
  "markers": []
}

The text was updated successfully, but these errors were encountered:

RischinR · 2022-11-03T10:12:22Z

@bodymovin there is now an option the get tspan off all letters like the player had in the previous version 5.8.1 (I think)
when using RTL language we need to workaround reversing letters and etc.

dukeliberal · 2023-10-16T04:05:28Z

hi, If my text is in Arabic, there will be a problem with splitting the text into per characters.

For example: My text is اختبر كتابتك العربية هههه

My expect results:

but current results is(in version 5.9.6):

Animation Data:

const data = {
  "v": "5.5.9",
  "fr": 24,
  "ip": 0,
  "op": 72,
  "w": 200,
  "h": 200,
  "nm": "合成 2",
  "ddd": 0,
  "assets": [
      {
          "id": "comp_0",
          "layers": [
              {
                  "ddd": 0,
                  "ind": 1,
                  "ty": 5,
                  "nm": "textnode",
                  "sr": 1,
                  "ks": {
                      "o": {
                          "a": 0,
                          "k": 100,
                          "ix": 11
                      },
                      "r": {
                          "a": 1,
                          "k": [
                              {
                                  "i": {
                                      "x": [
                                          0.833
                                      ],
                                      "y": [
                                          0.833
                                      ]
                                  },
                                  "o": {
                                      "x": [
                                          0.167
                                      ],
                                      "y": [
                                          0.167
                                      ]
                                  },
                                  "t": 0,
                                  "s": [
                                      0
                                  ]
                              },
                              {
                                  "i": {
                                      "x": [
                                          0.833
                                      ],
                                      "y": [
                                          0.833
                                      ]
                                  },
                                  "o": {
                                      "x": [
                                          0.167
                                      ],
                                      "y": [
                                          0.167
                                      ]
                                  },
                                  "t": 71,
                                  "s": [
                                      172.815
                                  ]
                              },
                              {
                                  "t": 119,
                                  "s": [
                                      174
                                  ]
                              }
                          ],
                          "ix": 10
                      },
                      "p": {
                          "a": 1,
                          "k": [
                              {
                                  "i": {
                                      "x": 0.833,
                                      "y": 0.833
                                  },
                                  "o": {
                                      "x": 0.167,
                                      "y": 0.167
                                  },
                                  "t": 0,
                                  "s": [
                                      35,
                                      40,
                                      0
                                  ],
                                  "to": [
                                      12.613,
                                      7.317,
                                      0
                                  ],
                                  "ti": [
                                      -31.075,
                                      -18.028,
                                      0
                                  ]
                              },
                              {
                                  "i": {
                                      "x": 0.833,
                                      "y": 0.833
                                  },
                                  "o": {
                                      "x": 0.167,
                                      "y": 0.167
                                  },
                                  "t": 71,
                                  "s": [
                                      168.16,
                                      107.345,
                                      0
                                  ],
                                  "to": [
                                      22.717,
                                      13.18,
                                      0
                                  ],
                                  "ti": [
                                      -9.221,
                                      -5.349,
                                      0
                                  ]
                              },
                              {
                                  "t": 119,
                                  "s": [
                                      166,
                                      116,
                                      0
                                  ]
                              }
                          ],
                          "ix": 2
                      },
                      "a": {
                          "a": 0,
                          "k": [
                              0,
                              0,
                              0
                          ],
                          "ix": 1
                      },
                      "s": {
                          "a": 0,
                          "k": [
                              100,
                              100,
                              100
                          ],
                          "ix": 6
                      }
                  },
                  "ao": 0,
                  "t": {
                      "d": {
                          "k": [
                              {
                                  "s": {
                                      "s": 12,
                                      "f": "STHeitiSC-Light",
                                      "t": "اختبر كتابتك العربية هههه",
                                      "j": 2,
                                      "tr": 0,
                                      "lh": 33.6,
                                      "ls": 0,
                                      "fc": [
                                          0.524,
                                          0.043,
                                          0.043
                                      ]
                                  },
                                  "t": 0
                              }
                          ]
                      },
                      "p": {},
                      "m": {
                          "g": 1,
                          "a": {
                              "a": 0,
                              "k": [
                                  0,
                                  0
                              ],
                              "ix": 2
                          }
                      },
                      "a": []
                  },
                  "ip": 0,
                  "op": 72,
                  "st": 0,
                  "bm": 0
              },
              {
                  "ddd": 0,
                  "ind": 2,
                  "ty": 4,
                  "nm": "rect",
                  "sr": 1,
                  "ks": {
                      "o": {
                          "a": 0,
                          "k": 100,
                          "ix": 11
                      },
                      "r": {
                          "a": 0,
                          "k": 0,
                          "ix": 10
                      },
                      "p": {
                          "a": 1,
                          "k": [
                              {
                                  "i": {
                                      "x": 0.833,
                                      "y": 0.833
                                  },
                                  "o": {
                                      "x": 0.167,
                                      "y": 0.167
                                  },
                                  "t": 0,
                                  "s": [
                                      100,
                                      100,
                                      0
                                  ],
                                  "to": [
                                      22.5,
                                      -0.5,
                                      0
                                  ],
                                  "ti": [
                                      -22.5,
                                      0.5,
                                      0
                                  ]
                              },
                              {
                                  "t": 119,
                                  "s": [
                                      235,
                                      97,
                                      0
                                  ]
                              }
                          ],
                          "ix": 2
                      },
                      "a": {
                          "a": 0,
                          "k": [
                              0,
                              0,
                              0
                          ],
                          "ix": 1
                      },
                      "s": {
                          "a": 0,
                          "k": [
                              100,
                              100,
                              100
                          ],
                          "ix": 6
                      }
                  },
                  "ao": 0,
                  "shapes": [
                      {
                          "ty": "gr",
                          "it": [
                              {
                                  "ty": "rc",
                                  "d": 1,
                                  "s": {
                                      "a": 0,
                                      "k": [
                                          67.559,
                                          65.285
                                      ],
                                      "ix": 2
                                  },
                                  "p": {
                                      "a": 0,
                                      "k": [
                                          0,
                                          0
                                      ],
                                      "ix": 3
                                  },
                                  "r": {
                                      "a": 0,
                                      "k": 0,
                                      "ix": 4
                                  },
                                  "nm": "矩形路径 1",
                                  "mn": "ADBE Vector Shape - Rect",
                                  "hd": false
                              },
                              {
                                  "ty": "st",
                                  "c": {
                                      "a": 0,
                                      "k": [
                                          1,
                                          1,
                                          1,
                                          1
                                      ],
                                      "ix": 3
                                  },
                                  "o": {
                                      "a": 0,
                                      "k": 100,
                                      "ix": 4
                                  },
                                  "w": {
                                      "a": 0,
                                      "k": 2,
                                      "ix": 5
                                  },
                                  "lc": 1,
                                  "lj": 1,
                                  "ml": 4,
                                  "bm": 0,
                                  "nm": "描边 1",
                                  "mn": "ADBE Vector Graphic - Stroke",
                                  "hd": false
                              },
                              {
                                  "ty": "fl",
                                  "c": {
                                      "a": 0,
                                      "k": [
                                          0.949019607843,
                                          0.309803921569,
                                          0.949019607843,
                                          1
                                      ],
                                      "ix": 4
                                  },
                                  "o": {
                                      "a": 0,
                                      "k": 100,
                                      "ix": 5
                                  },
                                  "r": 1,
                                  "bm": 0,
                                  "nm": "填充 1",
                                  "mn": "ADBE Vector Graphic - Fill",
                                  "hd": false
                              },
                              {
                                  "ty": "tr",
                                  "p": {
                                      "a": 0,
                                      "k": [
                                          -66.314,
                                          60.561
                                      ],
                                      "ix": 2
                                  },
                                  "a": {
                                      "a": 0,
                                      "k": [
                                          0,
                                          0
                                      ],
                                      "ix": 1
                                  },
                                  "s": {
                                      "a": 0,
                                      "k": [
                                          71.745,
                                          69.722
                                      ],
                                      "ix": 3
                                  },
                                  "r": {
                                      "a": 0,
                                      "k": 0,
                                      "ix": 6
                                  },
                                  "o": {
                                      "a": 0,
                                      "k": 100,
                                      "ix": 7
                                  },
                                  "sk": {
                                      "a": 0,
                                      "k": 0,
                                      "ix": 4
                                  },
                                  "sa": {
                                      "a": 0,
                                      "k": 0,
                                      "ix": 5
                                  },
                                  "nm": "变换"
                              }
                          ],
                          "nm": "矩形 1",
                          "np": 3,
                          "cix": 2,
                          "bm": 0,
                          "ix": 1,
                          "mn": "ADBE Vector Group",
                          "hd": false
                      }
                  ],
                  "ip": 0,
                  "op": 72,
                  "st": 0,
                  "bm": 0
              }
          ]
      }
  ],
  "fonts": {
      "list": [
          {
              "origin": 0,
              "fPath": "",
              "fClass": "",
              "fFamily": "Heiti SC",
              "fWeight": "",
              "fStyle": "Light",
              "fName": "STHeitiSC-Light",
              "ascent": 73.5989987850189
          }
      ]
  },
  "layers": [
      {
          "ddd": 0,
          "ind": 1,
          "ty": 0,
          "nm": "comp1",
          "refId": "comp_0",
          "sr": 1,
          "ks": {
              "o": {
                  "a": 0,
                  "k": 100,
                  "ix": 11
              },
              "r": {
                  "a": 0,
                  "k": 0,
                  "ix": 10
              },
              "p": {
                  "a": 0,
                  "k": [
                      100,
                      100,
                      0
                  ],
                  "ix": 2
              },
              "a": {
                  "a": 0,
                  "k": [
                      100,
                      100,
                      0
                  ],
                  "ix": 1
              },
              "s": {
                  "a": 0,
                  "k": [
                      100,
                      100,
                      100
                  ],
                  "ix": 6
              }
          },
          "ao": 0,
          "w": 200,
          "h": 200,
          "ip": 0,
          "op": 72,
          "st": 0,
          "bm": 0
      }
  ],
  "markers": []
}

So did you have a workaround to fix this issues?

saadbruno mentioned this issue Jul 28, 2023

Fix for text layers without animation not rendering as a single <tspan> #3020

Open

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Text exports one character per <text> element #2866

Text exports one character per <text> element #2866

liuweitao111 commented Oct 25, 2022

RischinR commented Nov 3, 2022

dukeliberal commented Oct 16, 2023

Text exports one character per <text> element #2866

Text exports one character per <text> element #2866

Comments

liuweitao111 commented Oct 25, 2022

RischinR commented Nov 3, 2022

dukeliberal commented Oct 16, 2023